@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--brand:#ff8a3d;--brand-strong:#f26f1b;--brand-deep:#c4540e;--brand-tint:#ffe3ce;--brand-soft:#fff3e9;--brand-wash:#fffaf5;--ink-900:#241a13;--ink-800:#3a2a1e;--ink-700:#54402f;--ink-600:#6a5443;--ink-500:#7a6555;--ink-400:#9a8676;--ink-300:#bcab9c;--line:#f0e3d7;--line-soft:#f7efe7;--canvas:#fdf8f3;--surface:#fff;--surface-2:#fffaf5;--green:#2f8f5b;--green-soft:#e6f4ec;--cyan:#1e8e9e;--cyan-soft:#e3f3f5;--plum:#7c5ca8;--plum-soft:#f0ebf8;--rose:#cf4a3c;--rose-soft:#fceae7;--steel:#9a8676;--steel-soft:#f4ede7;--gold:#d99017;--gold-soft:#fdf1dc;--c-1:#ff8a3d;--c-2:#1585b2;--c-3:#3f9e4f;--c-4:#8a5bb5;--c-5:#a85f28;--c-6:#d99017;--c-won:#3f9e4f;--c-pending:#ff8a3d;--c-lost:#cf4a3c;--r-sm:6px;--r-md:9px;--r-lg:14px;--r-xl:18px;--r-pill:999px;--sh-1:0 1px 2px #5a3a1e0d;--sh-2:0 2px 4px #5a3a1e0f, 0 10px 26px -14px #5a3a1e3d;--sh-3:0 26px 60px -22px #3c230f57;--rail:250px;--topbar:64px;--f-display:"Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;--f-body:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;scrollbar-width:none}html,body{margin:0;padding:0}body{background:var(--canvas);color:var(--ink-800);font-family:var(--f-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--brand-strong);outline-offset:2px;border-radius:4px}:disabled{opacity:.5;pointer-events:none;cursor:not-allowed!important}.input:disabled,input.input:disabled,textarea.input:disabled{opacity:1;background:var(--surface-2);border-color:var(--line);color:var(--ink-600);-webkit-text-fill-color:var(--ink-600)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.num{font-family:var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.eyebrow{font-family:var(--f-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-400);font-size:10.5px;font-weight:500}.muted{color:var(--ink-400)}.pos{color:var(--green)}.neg{color:var(--rose)}.hide{display:none!important}.elepsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-wrap{width:100%;min-height:100vh}.main-content{margin-left:var(--rail);background:var(--canvas);flex-direction:column;min-width:0;min-height:100vh;transition:margin-left .2s;display:flex}.half-sidebar{margin-left:70px}.page-container{flex:1;width:100%;padding:24px}.loaderWrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.empty-data{text-align:center;color:var(--ink-400);padding:60px}.btn{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink-700);white-space:nowrap;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:500;transition:all .14s;display:inline-flex}.btn:hover{background:var(--brand-soft);border-color:var(--brand-tint)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600;box-shadow:0 4px 12px -6px #f26f1bcc}.btn-primary:hover{background:var(--brand-strong);border-color:var(--brand-strong)}.btn-dark{background:var(--ink-900);border-color:var(--ink-900);color:#fff}.btn-dark:hover{background:var(--ink-700);border-color:var(--ink-700)}.btn-danger{background:var(--rose-soft);color:var(--rose);border-color:#f3cfc9}.btn-danger:hover{background:#f9ddd8;border-color:#ebbdb5}.btn-ghost{color:var(--ink-500);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--brand-soft);border-color:var(--brand-tint)}.btn-sm{height:30px;padding:0 10px;font-size:12.5px}.btn-icon{justify-content:center;width:36px;padding:0}.changePassword{margin-top:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.card-head{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;display:flex}.card-head h3{font-family:var(--f-display);letter-spacing:-.01em;color:var(--ink-900);margin:0;font-size:14.5px;font-weight:600}.card-head p{color:var(--ink-400);margin:2px 0 0;font-size:12px}.card-head .right{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.card-body{padding:18px}.grid{gap:16px;display:grid}.g-4{grid-template-columns:repeat(4,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}.g-2{grid-template-columns:repeat(2,1fr)}.g-32{grid-template-columns:2fr 1fr}.stack{gap:16px;display:grid}.mt{margin-top:16px}.badge{font-family:var(--f-mono);letter-spacing:.04em;border-radius:var(--r-pill);text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;font-weight:500;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.badge.flat:before{display:none}.b-new{background:var(--steel-soft);color:var(--ink-500)}.b-contacted{background:var(--brand-soft);color:var(--brand-deep)}.b-qualified{background:var(--cyan-soft);color:var(--cyan)}.b-proposal{background:var(--plum-soft);color:var(--plum)}.b-won{background:var(--green-soft);color:var(--green)}.b-lost{background:var(--rose-soft);color:var(--rose)}.b-active{background:var(--green-soft);color:var(--green)}.b-inactive{background:var(--steel-soft);color:var(--ink-400)}.av{width:32px;height:32px;font-family:var(--f-display);background:var(--brand-tint);color:var(--brand-deep);border-radius:10px;flex:0 0 32px;place-items:center;font-size:12px;font-weight:600;display:grid}.av-sm{border-radius:8px;flex-basis:26px;width:26px;height:26px;font-size:10px}.av-lg{border-radius:16px;flex-basis:56px;width:56px;height:56px;font-size:19px}.av-xl{border-radius:20px;flex-basis:78px;width:78px;height:78px;font-size:27px}.av-photo{position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #5a3a1e24}.av-photo img{object-fit:cover;object-position:center 22%;width:100%;height:100%;position:absolute;inset:0}.av-pick{font-family:var(--f-display);cursor:pointer;border:0;padding:0;position:relative;overflow:hidden}.av-pick-veil{color:#fff;opacity:0;background:#241a138c;place-items:center;transition:opacity .16s;display:grid;position:absolute;inset:0}.av-pick:hover .av-pick-veil,.av-pick:focus-visible .av-pick-veil{opacity:1}.av.a1{color:#c4540e;background:#ffe3ce}.av.a2{color:#1e8e9e;background:#e3f3f5}.av.a3{color:#7c5ca8;background:#f0ebf8}.av.a4{color:#2f8f5b;background:#e6f4ec}.av.a5{color:#cf4a3c;background:#fceae7}.av.a6{color:#b0740f;background:#fdf1dc}.who{align-items:center;gap:10px;min-width:0;display:flex}.who b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;line-height:1.25;display:block;overflow:hidden}.who small{color:var(--ink-400);font-size:11.5px;display:block}.field{margin-bottom:14px;display:block}.field label{color:var(--ink-700);margin-bottom:6px;font-size:12.5px;font-weight:500;display:block}.field .hint{color:var(--ink-400);margin-top:5px;font-size:11.5px}.input{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:100%;height:38px;color:var(--ink-800);padding:0 11px;font-family:inherit;font-size:13.5px}textarea.input{resize:vertical;height:auto;padding:9px 11px}.input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #ff8a3d33}.banner{background:var(--brand-soft);border:1px solid var(--brand-tint);border-radius:var(--r-lg);align-items:flex-start;gap:11px;margin-bottom:18px;padding:13px 15px;display:flex}.banner svg{color:var(--brand-deep);flex:0 0 17px;margin-top:1px}.banner p{color:var(--ink-700);margin:0;font-size:13px}.banner b{color:var(--brand-deep)}.model-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#3c230f66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden}.model-content{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);flex-direction:column;width:600px;max-width:100%;max-height:90vh;display:flex;overflow-y:auto}.model-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;width:100%;padding:16px 18px;display:flex}.model-header-title{font-family:var(--f-display);color:var(--ink-900);font-size:16px;font-weight:600}.model-header-close-btn{background:var(--brand-soft);color:var(--brand-deep);border:1px solid var(--brand-tint);border-radius:var(--r-sm);cursor:pointer;place-items:center;padding:5px;display:grid}.model-content-container{padding:18px}[data-sonner-toast]{background:var(--ink-900)!important;color:#fff!important;border-radius:var(--r-md)!important;font-family:var(--f-body)!important;border:none!important}[data-sonner-toast][data-type=success]{background:var(--green)!important}[data-sonner-toast][data-type=error]{background:var(--rose)!important}[data-sonner-toast][data-type=warning]{background:var(--gold)!important;color:#fff!important}[data-sonner-toast][data-type=info]{background:var(--brand-strong)!important;color:#fff!important}.seg{background:var(--brand-soft);border:1px solid var(--brand-tint);border-radius:var(--r-md);padding:3px;display:inline-flex}.seg button{border-radius:var(--r-sm);color:var(--ink-500);background:0 0;border:0;padding:5px 12px;font-size:12.5px;font-weight:500}.seg button.on{color:var(--brand-deep);box-shadow:var(--sh-1);background:#fff;font-weight:600}.chip{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);height:34px;color:var(--ink-600);align-items:center;gap:6px;padding:0 11px;font-size:12.5px;display:inline-flex}.chip svg{color:var(--ink-400);flex:none}.chip select,.chip input{color:var(--ink-700);background:0 0;border:0;outline:none;max-width:190px;font-family:inherit;font-size:12.5px}.chip input[type=date]{font-family:var(--f-mono);font-size:12px}.t-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th{text-align:left;font-family:var(--f-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-400);border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap;padding:10px 14px;font-size:10px;font-weight:500}th.r,td.r{text-align:right}th.c,td.c{text-align:center}td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:12px 14px;font-size:13.5px}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .12s}tbody tr:hover{background:var(--brand-wash)}tbody tr.clickable-row{cursor:pointer}tbody tr.clickable-row:focus-visible{background:var(--brand-wash);outline:2px solid var(--brand);outline-offset:-2px}td .id,.id{font-family:var(--f-mono);color:var(--ink-400);font-size:12px}.amt{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:13px}.link{border-bottom:1px solid var(--line);cursor:pointer;font-weight:500}.link:hover{border-color:var(--brand)}.toolbar{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 18px;display:flex}.toolbar .grow{flex:1;min-width:170px;position:relative}.toolbar .grow input{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);width:100%;height:32px;padding:0 10px 0 30px;font-family:inherit;font-size:13px}.toolbar .grow input:focus{border-color:var(--brand);background:#fff;outline:none;box-shadow:0 0 0 3px #ff8a3d33}.toolbar .grow svg{color:var(--ink-300);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.card-foot{border-top:1px solid var(--line-soft);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg);padding:12px 18px}.pager{color:var(--ink-400);align-items:center;gap:8px;font-size:12.5px;display:flex}.pager .pages{gap:4px;margin-left:auto;display:flex}.pager .pages button{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);width:28px;height:28px;font-family:var(--f-mono);color:var(--ink-500);font-size:12px}.pager .pages button:hover:not(.on):not(:disabled){border-color:var(--brand-tint);background:var(--brand-wash);color:var(--brand-deep)}.pager .pages button.on{background:var(--brand);border-color:var(--brand);color:#fff}.pager .pages .page-gap{width:20px;height:28px;color:var(--ink-300);place-items:center;font-size:12px;display:grid}.tabs{border-bottom:1px solid var(--line);gap:2px;padding:0 18px;display:flex;overflow-x:auto}.tabs button{color:var(--ink-400);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 12px 11px;font-size:13.5px}.tabs button.on{color:var(--ink-900);border-bottom-color:var(--brand);font-weight:600}.def{border-bottom:1px solid var(--line-soft);align-items:flex-start;gap:16px;padding:14px 0;display:flex}.def:last-child{border-bottom:0}.def .k{flex:0 0 220px;width:220px}.def .k b{font-size:13.5px;font-weight:500;display:block}.def .k small{color:var(--ink-400);font-size:12px}.def .v{flex:1;min-width:0}.switch{border-radius:var(--r-pill);background:var(--line);border:0;flex:0 0 38px;width:38px;height:22px;transition:all .16s;position:relative}.switch:after{content:"";width:16px;height:16px;box-shadow:var(--sh-1);background:#fff;border-radius:50%;transition:transform .16s;position:absolute;top:3px;left:3px}.switch.on{background:var(--green)}.switch.on:after{transform:translate(16px)}.empty{text-align:center;padding:44px 20px}.empty h4{font-family:var(--f-display);color:var(--ink-900);margin:12px 0 4px;font-size:15px;font-weight:600}.empty p{color:var(--ink-400);margin:0 0 16px;font-size:13px}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:70;opacity:0;pointer-events:none;background:#3c230f66;transition:all .2s;position:fixed;inset:0}.scrim.on{opacity:1;pointer-events:auto}.drawer{z-index:80;background:var(--surface);width:min(470px,100%);box-shadow:var(--sh-3);flex-direction:column;transition:transform .26s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer.on{transform:none}.drawer-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:18px;display:flex}.drawer-head h3{font-family:var(--f-display);color:var(--ink-900);margin:3px 0 0;font-size:17px;font-weight:600}.drawer-body{flex:1;padding:18px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--line);background:var(--surface-2);justify-content:flex-end;align-items:center;gap:8px;padding:14px 18px;display:flex}@media (width<=1240px){.g-4{grid-template-columns:repeat(2,1fr)}.g-32{grid-template-columns:1fr}.g-3{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.main-content,.half-sidebar{margin-left:0}.page-container{padding:16px}}@media (width<=680px){.g-4,.g-3,.g-2{grid-template-columns:1fr}.page-container{padding:12px}.def{flex-direction:column;gap:8px}.def .k{flex:auto;width:auto}}.profile-password-field{width:100%;position:relative}.profile-password-field .input{padding-right:44px}.profile-password-toggle{border-radius:var(--r-sm);width:30px;height:30px;color:var(--ink-400);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.profile-password-toggle:hover{background:var(--brand-soft);color:var(--brand-deep)}.profile-password-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.notif-panel{z-index:90;background:var(--canvas);opacity:0;visibility:hidden;flex-direction:column;width:100%;height:100dvh;transition:transform .38s cubic-bezier(.32,.72,0,1),opacity .24s,visibility 0s linear .38s;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.notif-panel.on{opacity:1;visibility:visible;transition:transform .38s cubic-bezier(.32,.72,0,1),opacity .2s,visibility;transform:translateY(0)}.notif-inner{width:100%;max-width:760px;margin:0 auto;padding:0 24px}.notif-body .notif-inner{padding:0}.notif-panel.on .swipe{animation:.32s cubic-bezier(.32,.72,0,1) backwards notifRowIn}.notif-panel.on .swipe:nth-child(2){animation-delay:.14s}.notif-panel.on .swipe:nth-child(3){animation-delay:.19s}.notif-panel.on .swipe:nth-child(4){animation-delay:.24s}.notif-panel.on .swipe:nth-child(5){animation-delay:.28s}.notif-panel.on .swipe:nth-child(n+6){animation-delay:.32s}.notif-panel.on .notif-group:nth-child(n+2) .swipe{animation-delay:.3s}.notif-panel.on .notif-group{animation:.34s cubic-bezier(.32,.72,0,1) .12s backwards notifRowIn}@keyframes notifRowIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.notif-head{border-bottom:1px solid var(--line);background:var(--surface);flex:none}.notif-head .notif-inner{align-items:flex-start;gap:12px;padding-top:22px;padding-bottom:20px;display:flex}.notif-head h3{font-family:var(--f-display);letter-spacing:-.025em;color:var(--ink-900);align-items:center;gap:10px;margin:4px 0 0;font-size:26px;font-weight:600;display:flex}.notif-head-count{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--brand-tint);color:var(--brand-deep);border-radius:var(--r-pill);padding:3px 8px;font-size:10px;font-weight:500;position:relative;top:-3px}.notif-tabs button{padding:13px 12px 12px;font-size:13.5px}.notif-tabs{border-bottom:1px solid var(--line);background:var(--surface);flex:none}.notif-tabs .notif-inner{gap:2px;display:flex;overflow-x:auto}.notif-tabs button{color:var(--ink-400);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:11px 10px 10px;font-size:13px;display:inline-flex}.notif-tabs button.on{color:var(--ink-900);border-bottom-color:var(--brand);font-weight:600}.notif-tab-dot{font-family:var(--f-mono);background:var(--brand-tint);color:var(--brand-deep);border-radius:var(--r-pill);padding:1px 5px;font-size:9.5px}.notif-body{flex:auto;min-height:0;padding:0 24px 20px;overflow:hidden auto}.notif-body>.notif-inner{padding:0}.notif-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);margin-top:18px;overflow:hidden}.notif-day{background:var(--surface-2);border-bottom:1px solid var(--line-soft);font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-400);padding:12px 20px;font-size:9.5px}.notif-item{border-bottom:1px solid var(--line-soft);cursor:pointer;gap:13px;padding:15px 20px;transition:background .12s;display:flex;position:relative}.notif-group .notif-item:last-child{border-bottom:0}.notif-item:hover{background:var(--brand-wash)}.notif-item.unread{background:var(--brand-soft)}.notif-item.unread:hover{background:var(--brand-tint)}.notif-ic{border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.notif-ic.t-brand{background:var(--brand-tint);color:var(--brand-deep)}.notif-ic.t-green{background:var(--green-soft);color:var(--green)}.notif-ic.t-rose{background:var(--rose-soft);color:var(--rose)}.notif-ic.t-cyan{background:var(--cyan-soft);color:var(--cyan)}.notif-ic.t-gold{background:var(--gold-soft);color:var(--gold)}.notif-ic.t-steel{background:var(--steel-soft);color:var(--ink-500)}.notif-main{flex:1;min-width:0}.notif-title-row{align-items:baseline;gap:9px;display:flex}.notif-title-row b{color:var(--ink-900);min-width:0;font-size:14px;font-weight:600;line-height:1.35}.notif-title-row time{font-family:var(--f-mono);color:var(--ink-300);white-space:nowrap;flex:none;margin-left:auto;font-size:10.5px}.notif-dot{background:var(--brand);border-radius:50%;flex:0 0 7px;align-self:center;width:7px;height:7px}.notif-main p{color:var(--ink-500);margin:3px 0 0;font-size:12.5px;line-height:1.45}.notif-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.badge.k-brand{background:var(--brand-tint);color:var(--brand-deep)}.badge.k-green{background:var(--green-soft);color:var(--green)}.badge.k-rose{background:var(--rose-soft);color:var(--rose)}.badge.k-cyan{background:var(--cyan-soft);color:var(--cyan)}.badge.k-gold{background:var(--gold-soft);color:var(--gold)}.badge.k-steel{background:var(--steel-soft);color:var(--ink-500)}.swipe{border-bottom:1px solid var(--line-soft);position:relative;overflow:hidden}.notif-group .swipe:last-child{border-bottom:0}.swipe.dying{opacity:0;border-bottom-color:#0000;transition:height .26s cubic-bezier(.32,.72,0,1),opacity .2s;height:0!important}.swipe-back{background:var(--rose);justify-content:flex-end;display:flex;position:absolute;inset:0}.swipe-del{color:#fff;background:0 0;border:0;flex-direction:column;flex:0 0 84px;justify-content:center;align-items:center;gap:4px;width:84px;font-size:11.5px;font-weight:600;transition:background .14s;display:flex}.swipe-del:active{background:#0000001f}.swipe.open .swipe-del svg{animation:.3s cubic-bezier(.32,.72,0,1) swipeTrash}@keyframes swipeTrash{0%{opacity:.4;transform:scale(.5)rotate(-14deg)}to{opacity:1;transform:none}}.swipe-front{background:var(--surface);touch-action:pan-y;will-change:transform;transition:transform .28s cubic-bezier(.32,.72,0,1);position:relative}.swipe-front.dragging{transition:none}.swipe-front .notif-item{-webkit-user-select:none;user-select:none;border-bottom:0}.notif-foot{border-top:1px solid var(--line);background:var(--surface);flex:none}.notif-foot .notif-inner{flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;padding-bottom:12px;display:flex}.topbar-bell{position:relative}.topbar-bell-count{border-radius:var(--r-pill);background:var(--brand);color:#fff;min-width:17px;height:17px;font-family:var(--f-mono);border:2px solid var(--surface);place-items:center;padding:0 4px;font-size:9.5px;font-weight:600;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}@media (width<=680px){.notif-inner{padding:0 16px}.notif-body{padding:0 16px 16px}.notif-head h3{font-size:21px}}@media (prefers-reduced-motion:reduce){.notif-panel{transition:opacity .12s,visibility 0s linear .12s;transform:none}.notif-panel.on{transition:opacity .12s,visibility;transform:none}.notif-panel.on .swipe{animation:none}}.topbar{height:var(--topbar);z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffe6;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.hamburger{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);color:var(--ink-700);padding:7px 9px;line-height:0;display:none}.topbar-page{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.topbar-page span{color:var(--brand-deep);font-family:var(--f-mono);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:500;line-height:1}.topbar-page strong{color:var(--ink-900);font-family:var(--f-display);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.2;overflow:hidden}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}@media (width<=900px){.topbar{padding:0 14px}.hamburger{display:inline-flex}}@media (width<=680px){.topbar-right .btn span{display:none}}.bell-wrapper{background:linear-gradient(135deg, var(--loader-color), color-mix(in srgb, var(--loader-color) 70%, white));animation:bellShake var(--loader-speed) ease-in-out infinite;box-shadow:0 18px 40px color-mix(in srgb, var(--loader-color) 30%, transparent);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.bell-ring{border:2px solid color-mix(in srgb, var(--loader-color) 35%, transparent);animation:pulse calc(var(--loader-speed) * 1.2) infinite;border-radius:50%;position:absolute;inset:-8px}.ring-2{animation-delay:calc(var(--loader-speed) / 2)}@keyframes bellShake{0%,to{transform:rotate(0)}10%{transform:rotate(-12deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}50%{transform:rotate(0)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.bell-wrapper,.bell-ring,.bell-icon{will-change:transform, opacity;transform:translateZ(0)}.rail{width:var(--rail);flex:0 0 var(--rail);background:var(--brand-wash);border-right:1px solid var(--line);z-index:60;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.rail-brand{align-items:center;gap:11px;padding:18px 18px 14px;display:flex}.rail-mark{background:linear-gradient(145deg, var(--brand), var(--brand-strong));color:#fff;width:34px;height:34px;font-family:var(--f-display);border-radius:10px;flex:0 0 34px;place-items:center;font-size:16px;font-weight:700;display:grid;box-shadow:0 4px 10px -3px #f26f1b80}.rail-brand b{font-family:var(--f-display);letter-spacing:-.01em;color:var(--ink-900);font-size:15px;font-weight:600;line-height:1.15;display:block}.portal-tag{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r-pill);align-items:center;gap:5px;margin-top:3px;padding:2px 7px;font-size:9px;display:inline-flex}.portal-tag.bd{background:var(--brand-tint);color:var(--brand-deep)}.portal-tag.admin{background:var(--ink-900);color:#ffd9b8}.rail-nav{flex:1;padding:6px 12px;overflow-y:auto}.nav-group{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-300);margin:14px 0 6px;padding:0 8px;font-size:9.5px}.nav-item{width:100%;color:var(--ink-500);border-radius:var(--r-md);text-align:left;background:0 0;border:0;align-items:center;gap:10px;margin-bottom:2px;padding:9px 10px;font-size:13.5px;transition:all .14s;display:flex;position:relative}.nav-item svg{flex:0 0 17px}.nav-item:hover{background:var(--brand-soft);color:var(--ink-800)}.nav-item.on{background:var(--brand);color:#fff;box-shadow:0 4px 12px -5px #f26f1ba6}.nav-item .count{font-family:var(--f-mono);background:var(--brand-tint);color:var(--brand-deep);border-radius:var(--r-pill);margin-left:auto;padding:1px 6px;font-size:10.5px}.nav-item.on .count{color:#fff;background:#ffffff3d}.rail-foot{border-top:1px solid var(--line);padding:12px}.scope-note{background:var(--brand-soft);border:1px solid var(--brand-tint);border-radius:var(--r-lg);padding:11px 12px}.scope-note svg{color:var(--brand-deep);margin-bottom:4px;display:block}.scope-note b{color:var(--brand-deep);font-size:12px;font-weight:600;display:block}.scope-note p{color:var(--ink-500);margin:3px 0 0;font-size:11.5px;line-height:1.4}.rail-user{align-items:center;gap:9px;padding:11px 4px 2px;display:flex}.rail-user-meta{flex:1;min-width:0}.rail-user-meta b{color:var(--ink-800);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;display:block;overflow:hidden}.rail-user-meta small{color:var(--ink-400);font-size:11px}.rail-logout{border:1px solid var(--line);background:var(--surface);color:var(--ink-500);border-radius:var(--r-md);place-items:center;padding:6px;transition:all .14s;display:grid}.rail-logout:hover{background:var(--rose-soft);color:var(--rose);border-color:#f3cfc9}.rail-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55;background:#3c230f66;position:fixed;inset:0}@media (width<=900px){.rail{box-shadow:var(--sh-3);visibility:hidden;pointer-events:none;transition:transform .26s cubic-bezier(.32,.72,0,1),visibility 0s linear .26s;transform:translate(-100%)}.rail.on{visibility:visible;pointer-events:auto;transition:transform .26s cubic-bezier(.32,.72,0,1),visibility;transform:none}}.logout-model{text-align:center;align-items:center;width:min(400px,100vw - 32px);padding:28px;animation:.16s ease-out both logout-enter;position:relative;overflow:hidden}.logout-loading-overlay{z-index:10;background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:wait;place-items:center;display:grid;position:absolute;inset:0}.logout-icon{border:1px solid color-mix(in srgb, var(--brand-strong) 24%, transparent);background:var(--brand-soft);width:54px;height:54px;color:var(--brand-strong);border-radius:50%;place-items:center;margin-bottom:16px;display:grid}.logout-icon svg{width:27px;height:27px}.logout-title{color:var(--ink-900);font-family:var(--f-display);letter-spacing:-.025em;margin:0 0 8px;font-size:21px;font-weight:600}.logout-text{max-width:310px;color:var(--ink-400);margin:0 0 24px;font-size:13.5px;line-height:1.55}.logout-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.logout-actions .btn{justify-content:center;min-height:40px}@keyframes logout-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.logout-model{padding:24px 20px 20px}.logout-actions{grid-template-columns:1fr}.logout-actions .btn-primary{grid-row:1}}@media (prefers-reduced-motion:reduce){.logout-model{animation:none}}.offline-and-content{background:var(--canvas);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px;display:flex}.offline-and-icon{color:var(--brand-strong);margin-bottom:20px}.offline-and-title{font-family:var(--f-display);letter-spacing:-.02em;color:var(--ink-900);margin-bottom:10px;font-size:24px;font-weight:600}.offline-and-message{color:var(--ink-400);max-width:26rem;margin-bottom:24px;font-size:13.5px}.offline-and-retry-btn{background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:var(--r-md);cursor:pointer;height:40px;padding:0 20px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .16s;box-shadow:0 6px 16px -8px #f26f1bd9}.offline-and-retry-btn:hover{background:var(--brand-strong);border-color:var(--brand-strong)}@media (width<=768px){.offline-and-content{padding:clamp(14px,2vw,40px)}.offline-and-title{font-size:20px}}