/* PasTele — canonical premium navigation layer */
.navbar{position:fixed;inset:0 auto 0 0;width:var(--sidebar,272px);height:100dvh;z-index:2000;background:rgba(255,255,255,.94);border-right:1px solid var(--line,#e3e9ee);box-shadow:8px 0 34px rgba(16,24,40,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav-inner{width:100%;height:100%;padding:14px 11px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.brand{min-height:50px;display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:14px;font-size:19px;font-weight:850;color:var(--text,#17212b);text-decoration:none}.brand:hover{background:var(--surface-soft,#f8fafc)}
.brand-mark{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#2aabee,#168ac3);color:#fff;box-shadow:0 8px 20px rgba(42,171,238,.22)}
.nav-account{order:2;display:flex;align-items:center;gap:9px;padding:11px 9px;border-top:1px solid var(--line,#e3e9ee);margin-top:auto;min-width:0}.nav-account-info{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.nav-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:#e8f4fb;color:#168ac3}.nav-name{display:flex;flex-direction:column;min-width:0;line-height:1.2}.nav-name b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-name small{font-size:10px;color:var(--muted,#70808f);margin-top:3px}.nav-balance{font-size:11px;color:#168ac3;font-weight:800;white-space:nowrap}
.nav-links{order:1;display:flex;flex-direction:column;gap:3px;overflow:auto;padding:4px 0;min-height:0}.nav-links a{min-height:43px;display:flex;align-items:center;gap:12px;padding:9px 11px;border:1px solid transparent;border-radius:12px;color:var(--text,#17212b);font-size:13px;font-weight:650;text-decoration:none;transition:.18s ease}.nav-links a i{width:21px;text-align:center;color:var(--muted,#70808f);font-size:16px}.nav-links a:hover{background:var(--surface-soft,#f8fafc);border-color:var(--line,#e3e9ee);transform:translateX(1px)}.nav-links a.active{background:#e8f4fb;color:#168ac3;border-color:#cdeaf8}.nav-links a.active i{color:#168ac3}
.nav-extra{margin-top:7px;padding:10px 0 0;border-top:1px solid var(--line,#e3e9ee);max-height:145px;overflow:auto}.nav-extra small{display:block;color:var(--muted,#70808f);margin:0 9px 7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.nav-extra a{display:flex!important;gap:9px!important;align-items:center}.nav-logout{margin-top:7px;width:100%;min-height:40px;padding:10px 12px;border:1px solid #f2d5d5;border-radius:12px;background:#fff7f7;color:#d64545;display:flex;gap:9px;align-items:center;cursor:pointer;font:inherit;font-weight:700}.nav-logout:hover{background:#fff0f0;color:#b72e2e}.nav-theme{width:40px;min-width:40px;height:40px;padding:0;border:1px solid var(--line,#e3e9ee);background:transparent;color:var(--muted,#70808f);border-radius:12px;box-shadow:none}.nav-tools{display:grid;grid-template-columns:40px 1fr;gap:8px;order:3}.nav-tools .nav-logout{margin:0}
.nav-toggle{display:none;position:fixed;left:12px;top:12px;z-index:2100;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:#229ed9;color:#fff;box-shadow:0 10px 25px rgba(42,171,238,.28);cursor:pointer}.nav-backdrop{display:none}
body>main,body>footer,body>#toast{margin-left:var(--sidebar,272px)}body>.auth-shell{margin-left:var(--sidebar,272px)}
.pastele-footer{margin-left:var(--sidebar,272px)}
@media(max-width:900px){.navbar{width:min(300px,88vw);transform:translateX(-105%);transition:transform .24s cubic-bezier(.2,.8,.2,1);box-shadow:18px 0 50px rgba(0,0,0,.2)}.navbar.nav-open{transform:translateX(0)}.nav-toggle{display:grid;place-items:center}.nav-backdrop{display:block;position:fixed;inset:0;z-index:1990;background:rgba(5,12,20,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.2s}.nav-backdrop.show{opacity:1;visibility:visible}body>main,body>footer,body>#toast,body>.auth-shell,.pastele-footer{margin-left:0}body.nav-menu-open>main,body.nav-menu-open>.auth-shell{transform:none}.nav-toggle{transition:left .24s ease}.nav-menu-open .nav-toggle{left:calc(min(300px,88vw) + 10px)}}
body.theme-dark .navbar{background:rgba(10,20,30,.96);border-color:#263746;color:#e6f1f7}body.theme-dark .nav-links a,body.theme-dark .brand{color:#e6f1f7}body.theme-dark .nav-links a:hover{background:#132431;border-color:#284151}body.theme-dark .nav-links a.active{background:#103246;border-color:#1e5875;color:#65c6f3}body.theme-dark .nav-links a.active i{color:#65c6f3}body.theme-dark .nav-account{border-color:#263746}body.theme-dark .nav-extra{border-color:#263746}body.theme-dark .nav-logout{background:#251719;border-color:#573033;color:#ff9a9a}body.theme-dark .nav-theme{border-color:#2d4352;color:#b8c8d3}
@media(prefers-reduced-motion:reduce){.navbar,.nav-toggle,.nav-backdrop,.nav-links a{transition:none!important}}