.nk-header{z-index:var(--z-header);border-bottom:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:blur(12px)saturate(180%);transition:box-shadow .3s cubic-bezier(.25,.46,.45,.94);position:sticky;top:0}.nk-header-content{min-height:var(--header-height);max-width:var(--content-width);align-items:center;gap:10px;margin:auto;padding:6px 12px;display:flex}.nk-header-title{flex:1;min-width:0}.nk-header-title h1{font-size:var(--font-lg);color:var(--color-text);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:800;line-height:1.4}.nk-header--page .nk-header-title{text-align:center}.nk-header-title p{color:var(--color-text-secondary);font-size:var(--font-xs);letter-spacing:.01em}.nk-header--profile .nk-header-content{padding:14px 16px 12px}.nk-header--profile .nk-header-title h1{font-size:15px;font-weight:700}.nk-header-avatar{background:var(--color-primary-strong);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-weight:700;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:grid;box-shadow:0 1px 3px #00000014,0 0 0 2px #ffffff26}.nk-header-avatar:hover{transform:scale(1.04)}.nk-header-spacer{width:var(--touch-target);flex-shrink:0}.nk-header--navy{background:var(--color-navy);color:#fff;border-bottom-color:#ffffff0f}.nk-header--navy .nk-header-title h1,.nk-header--navy button,.nk-header--navy a{color:#fff}.nk-back-button{width:var(--touch-target);height:var(--touch-target);color:inherit;border-radius:var(--radius-sm);background:0 0;border:0;flex-shrink:0;place-items:center;transition:background .2s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.34,1.56,.64,1);display:grid}.nk-back-button:active{transform:scale(.92)}.nk-page-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.nk-page-title h2{font-size:var(--font-body);color:var(--color-text);letter-spacing:-.005em}.nk-page-title p{color:var(--color-text-secondary);font-size:var(--font-sm);margin-top:3px}.nk-bottom-nav{z-index:var(--z-navigation);min-height:var(--bottom-nav-height);background:var(--color-surface);-webkit-backdrop-filter:blur(12px)saturate(160%);border-top:1px solid var(--color-border);padding:8px 8px calc(14px + env(safe-area-inset-bottom));align-items:stretch;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -1px 2px #0000000a,0 -4px 12px #0000000f,0 -1px #00000005}.nk-bottom-nav--contained{position:sticky}.nk-bottom-item{min-width:0;min-height:var(--touch-target);color:var(--color-text-secondary);font-size:var(--font-sm);text-align:center;border-radius:var(--radius-sm);-webkit-font-smoothing:antialiased;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px;font-weight:700;text-decoration:none;transition:color .25s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.34,1.56,.64,1),background .2s cubic-bezier(.25,.46,.45,.94);display:flex}.nk-bottom-item:active{transform:scale(.93)}.nk-bottom-item.is-active{color:var(--color-primary-strong)}.nk-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);align-content:start;gap:4px;padding:16px;display:grid}.nk-sidebar>p{font-size:var(--font-xs);color:var(--color-text-muted);letter-spacing:.02em;padding:8px}.nk-sidebar>a,.nk-sidebar>button{min-height:var(--touch-target);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--font-body);text-align:left;overflow-wrap:anywhere;background:0 0;border:0;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:color .2s cubic-bezier(.25,.46,.45,.94),background .2s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.25,.46,.45,.94);display:flex}.nk-sidebar>a:hover,.nk-sidebar>button:hover{background:var(--color-icon-surface)}.nk-sidebar>a:active,.nk-sidebar>button:active{transform:scale(.98)}.nk-sidebar .is-active{background:var(--color-icon-surface);color:var(--color-primary-strong);box-shadow:inset 3px 0 0 var(--color-primary-strong);font-weight:700}.nk-tab-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.nk-tab{min-width:0;min-height:var(--touch-target);color:var(--color-text-secondary);overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;background:0 0;border:0;flex:1;padding:10px 8px;font-size:.8125rem;font-weight:700;transition:color .25s cubic-bezier(.25,.46,.45,.94),background .2s cubic-bezier(.25,.46,.45,.94);position:relative}.nk-tab:hover{background:#00000005}.nk-tab.is-active{color:var(--color-primary-strong)}.nk-tab:after{content:"";background:var(--color-primary);opacity:0;border-radius:2px 2px 0 0;height:3px;transition:left .3s cubic-bezier(.34,1.56,.64,1),right .3s cubic-bezier(.34,1.56,.64,1),opacity .25s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:0;left:50%;right:50%}.nk-tab-bar--line .nk-tab.is-active:after{opacity:1;left:20%;right:20%}.nk-tab-bar--navy{background:var(--color-navy)}.nk-tab-bar--navy .nk-tab{color:#b0bec5}.nk-tab-bar--navy .nk-tab:hover{background:#ffffff0a}.nk-tab-bar--navy .nk-tab.is-active{color:#fff}.nk-tab-bar--navy .nk-tab.is-active:after{content:"";opacity:1;background:#00bfa5;height:3px;position:absolute;bottom:0;left:20%;right:20%}.nk-section-nav{flex-wrap:wrap;gap:6px;display:flex}.nk-section-nav button{min-height:var(--touch-target);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--font-sm);color:var(--color-text-muted);cursor:pointer;border-radius:9px;flex:1;padding:8px;transition:border-color .2s cubic-bezier(.25,.46,.45,.94),background .2s cubic-bezier(.25,.46,.45,.94),color .2s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.25,.46,.45,.94)}.nk-section-nav button:hover{border-color:var(--color-primary);box-shadow:0 1px 4px #0000000d}.nk-section-nav button:active{transform:scale(.97)}.nk-section-nav button[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-success-surface);color:var(--color-primary-strong);box-shadow:0 1px 3px #0000000a,inset 0 1px #fff9}
