.shell{grid-template-columns:var(--sidebar-w) 1fr;height:100vh;display:grid;overflow:hidden}.shell .sidebar{background:var(--bg-sub);border-right:1px solid var(--line);flex-direction:column;height:100vh;min-height:0;display:flex;position:sticky;top:0}.sidebar .brand{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:18px 18px 14px;display:flex}.sidebar .brand-mark{background:var(--ink);width:28px;height:28px;color:var(--bg);font-family:var(--font-display);border-radius:6px;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden}.sidebar .brand-mark:after{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;top:2px;right:2px}.sidebar .brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px;font-weight:700}.sidebar .brand-name em{color:var(--accent);font-style:normal;font-weight:500}.sidebar .nav{flex:1;padding:12px 10px;overflow-y:auto}.sidebar .nav-group{margin-bottom:18px}.sidebar .nav-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);padding:8px 10px 6px;font-size:10px;font-weight:600}.sidebar .nav-item{color:var(--ink-2);cursor:pointer;text-align:left;width:100%;font-size:13.5px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar .nav-item:hover{color:var(--ink);background:#0000000a}[data-theme=dark] .sidebar .nav-item:hover{background:#ffffff0a}.sidebar .nav-item.active{background:var(--bg-elev);color:var(--ink);box-shadow:var(--shadow-sm)}.sidebar .nav-item.active .nav-icon{color:var(--accent)}.sidebar .nav-item .count{color:var(--ink-4);font-size:11px;font-family:var(--font-mono);margin-left:auto}.sidebar .nav-icon{width:16px;height:16px;color:var(--ink-3);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar .user-card{border-top:1px solid var(--line-2);align-items:center;gap:10px;padding:12px;display:flex}.sidebar .user-name{color:var(--ink);font-size:13px;font-weight:600;line-height:1.2}.sidebar .user-role{color:var(--ink-3);font-size:11px;line-height:1.2}.shell-main{background:var(--bg);flex-direction:column;min-width:0;display:flex;overflow-y:auto}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:60px;padding:12px 24px;display:flex;position:sticky;top:0}.topbar .crumbs{color:var(--ink-3);align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.topbar .crumbs .sep{color:var(--ink-4)}.topbar .crumbs strong{color:var(--ink);font-weight:600}.topbar-search{flex:1;max-width:360px;margin-left:auto;position:relative}.topbar-search input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elev);width:100%;color:var(--ink);font:inherit;font-size:13px;font-family:var(--font-body);padding:7px 10px 7px 32px}.topbar-search input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.topbar-search .search-ico{color:var(--ink-4);width:14px;height:14px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.topbar-search .kbd{font-family:var(--font-mono);border:1px solid var(--line);color:var(--ink-4);background:var(--bg);border-radius:4px;padding:2px 5px;font-size:10px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.topbar .notif-dot{background:var(--accent);color:#fff;border-radius:50%;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;display:grid;position:absolute;top:4px;right:4px}.notif-dropdown-fixed{background:var(--bg-elev);border:1px solid var(--line);width:min(360px,100vw - 32px);max-height:min(480px,100dvh - 100px);box-shadow:var(--shadow-lg);z-index:65;border-radius:12px;flex-direction:column;animation:.18s forwards fadeInUp;display:flex;position:fixed;top:68px;right:16px;overflow:hidden}.notif-dropdown{background:var(--bg-elev);border:1px solid var(--line);width:340px;max-height:480px;box-shadow:var(--shadow-lg);z-index:60;border-radius:12px;flex-direction:column;animation:.18s forwards fadeInUp;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-dropdown-header{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.notif-dropdown-count{color:var(--accent);font-size:11px;font-family:var(--font-mono)}.notif-dropdown-list{flex:1;overflow-y:auto}.notif-dropdown-empty{text-align:center;color:var(--ink-4);padding:32px 16px;font-size:12px}.notif-dropdown-empty p{margin:0}.notif-item{border-bottom:1px solid var(--line-2);cursor:pointer;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.notif-item:hover{background:var(--bg-sub)}.notif-item.notif-unread{background:color-mix(in srgb, var(--accent) 5%, transparent)}.notif-item-content{flex:1;min-width:0}.notif-title{color:var(--ink);margin:0;font-size:13px;font-weight:500}.notif-msg{color:var(--ink-3);margin:2px 0 0;font-size:11.5px}.notif-time{color:var(--ink-4);font-size:10.5px;font-family:var(--font-mono);margin-top:4px;display:inline-block}.notif-mark-btn{border:1px solid var(--line);cursor:pointer;color:var(--accent);background:0 0;border-radius:6px;place-items:center;padding:4px;display:grid}.notif-mark-btn:hover{background:var(--bg-sub)}.bottom-nav{background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:10px 0 calc(env(safe-area-inset-bottom,0px) + 16px);z-index:50;grid-template-columns:1fr 1fr 1fr 1fr 1fr;place-items:end center;gap:0;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{width:100%;color:var(--ink-4);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:10px;text-decoration:none;transition:color .12s;display:flex}.bottom-nav-item .bn-ico{width:44px;height:30px;color:inherit;border-radius:14px;place-items:center;transition:background .12s,color .12s;display:grid}.bottom-nav-item .bn-ico svg{width:20px;height:20px}.bottom-nav-item.active{color:var(--accent);font-weight:500}.bottom-nav-item.active .bn-ico{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent)}.bn-fab-wrap{place-items:center;padding-bottom:2px;display:grid}.bn-fab{background:var(--accent);color:#fff;width:54px;height:54px;box-shadow:0 6px 20px color-mix(in srgb, var(--accent) 45%, transparent);border:4px solid var(--bg);border-radius:50%;place-items:center;margin-top:-16px;text-decoration:none;transition:transform .15s;display:grid}.bn-fab:active{transform:scale(.94)}.bn-fab svg{stroke-width:2.5px;width:24px;height:24px}.mobile-topbar-btn{display:none}.overlay{z-index:40;background:#00000073;position:fixed;inset:0}@media (width<=900px){.shell{grid-template-columns:1fr}.shell .sidebar{box-shadow:var(--shadow-lg);transition:transform .25s;transform:translate(-100%);z-index:70!important;width:280px!important;height:100dvh!important;position:fixed!important;top:0!important;left:0!important}.shell .sidebar.open{transform:translate(0)!important}.overlay{z-index:55!important}.bottom-nav{display:grid}.shell-main{padding-bottom:calc(var(--bottom-nav-h) + 12px)}.mobile-topbar-btn{display:inline-grid}.topbar{padding:10px 16px}.topbar-search{max-width:unset}.notif-dropdown{width:min(340px,100vw - 32px);right:0}}@media (width<=768px){.shell-main:has(.m-screen) .topbar{display:none}}@media (width>=901px){.bottom-nav{display:none!important}}.fp-drawer-root{z-index:99999;pointer-events:none;position:fixed;inset:0}.fp-drawer-backdrop{opacity:0;pointer-events:none;background:#0009;transition:opacity .25s;position:absolute;inset:0}.fp-drawer{background:var(--bg-sub,#111);border-right:1px solid var(--line,#222);will-change:transform;flex-direction:column;width:280px;max-width:85vw;height:100dvh;transition:transform .25s;display:flex;position:absolute;top:0;left:0;transform:translate(-100%);box-shadow:0 20px 60px #00000080}.fp-drawer-root.open{pointer-events:auto}.fp-drawer-root.open .fp-drawer-backdrop{opacity:1;pointer-events:auto}.fp-drawer-root.open .fp-drawer{transform:translate(0)}.loading-dots{align-items:center;gap:4px;display:inline-flex}.loading-dots span{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite both ld-bounce}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes ld-bounce{0%,80%,to{opacity:.6;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}