:root{--nav-width:252px;--ui-blue:#126dd5;--ui-deep:#304779;--ui-soft:#edf4ff;--ui-border:#e5eaf3;--ui-panel:#f6f8fc;--radius:12px;--shadow:0 2px 5px #243b6210;--muted:#68758b;--ink:#26344b;--bg:#f4f7fb;--line:#e5eaf3}
:root[data-theme=dark]{--ui-blue:#8db8ff;--ui-deep:#a9c6ff;--ui-soft:#23334d;--ui-border:#34445c;--ui-panel:#202c3e;--muted:#b3bfd0;--ink:#ecf1fa;--bg:#101a29;--line:#34445c}
.ui-icon{display:inline-block;width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.sidebar{width:var(--nav-width);transition:width .22s ease;box-shadow:3px 0 14px #20386003}.sidebar .brand{height:76px;min-height:76px;padding:14px 18px;gap:11px;letter-spacing:0;border-bottom:1px solid var(--line)}.sidebar .brand-symbol{width:36px;height:36px;font-size:25px;flex-shrink:0;border-radius:9px}.sidebar .company-logo{width:42px;height:42px}.sidebar .company-brand-name{font-size:.85rem;line-height:1.35}.sidebar .brand small{font-size:.7rem;letter-spacing:0}.sidebar nav{padding:12px 10px;overscroll-behavior:contain}.nav-section+.nav-section{margin-top:13px;padding-top:5px;border-top:1px solid var(--line)}.nav-label{font-size:.65rem;letter-spacing:.09em;text-transform:uppercase;padding:10px 12px 7px}.nav-link{color:var(--muted);gap:12px;min-height:39px;margin:2px 0;padding:9px 12px;border-radius:9px;font-weight:500;font-size:.875rem;transition:background .15s,color .15s}.nav-link>.nav-text{width:auto;font-size:inherit;text-align:left;line-height:1.4}.nav-link>.ui-icon{color:#7c879b;width:19px;height:19px;flex-basis:19px}.nav-link:hover{color:var(--ui-blue);background:var(--ui-soft)}.nav-link.active{color:var(--ui-blue);background:var(--ui-soft);font-weight:650;box-shadow:inset 3px 0 var(--ui-blue)}.nav-link.active .ui-icon{color:var(--ui-blue)}.nav-company{margin:10px 0 0;border-top:1px solid var(--line);padding-top:8px}.nav-company>summary{display:flex;align-items:center;gap:12px;font-size:.875rem;padding:11px 12px;color:var(--ui-blue);list-style:none}.nav-company>summary::-webkit-details-marker{display:none}.nav-company .nav-chevron{margin-left:auto;width:14px;height:14px;flex-basis:14px;transition:transform .2s}.nav-company[open] .nav-chevron{transform:rotate(90deg)}.nav-company[open]>summary{background:var(--ui-soft)}.nav-children{margin:6px 0 6px 22px;border-left:1px solid #bdd4f5;padding-left:13px}.nav-children>a{position:relative;display:block;color:var(--muted);font-size:.875rem;padding:9px 4px 9px 8px;border-radius:5px}.nav-children>a:before{content:"";position:absolute;width:12px;left:-13px;top:50%;border-top:1px solid #bdd4f5}.nav-children>a:hover{color:var(--ui-blue);background:var(--ui-soft)}.sidebar-foot{padding:14px 16px;gap:10px;font-size:.7rem;color:var(--muted);background:var(--surface)}.sidebar-foot .ui-icon{color:var(--ui-blue);width:17px;height:17px;flex-basis:17px}.sidebar-foot small{font-size:.65rem;margin-top:3px}
.workspace{margin-left:var(--nav-width);transition:margin-left .22s ease}.workspace.anonymous{margin-left:0}.topbar{height:64px;padding:0 24px;gap:18px;position:sticky;top:0;z-index:20;box-shadow:0 1px 6px #21386004}.nav-toggle{display:grid;place-items:center;min-width:34px;height:36px;padding:6px;border-radius:8px}.nav-toggle:hover{background:var(--ui-soft);color:var(--ui-blue)}.top-company{font-size:.875rem;font-weight:650;color:var(--ui-blue);white-space:nowrap;max-width:235px;overflow:hidden;text-overflow:ellipsis}.global-search{max-width:340px;margin-left:auto;flex:1;min-width:150px}.global-search input{border:1px solid var(--line);border-radius:8px;font-size:.8125rem;padding:9px 34px 9px 12px}.global-search button{top:4px}.top-shortcuts{display:flex;gap:8px;margin-left:auto}.top-shortcuts .icon-button{display:grid;place-items:center;color:#fff;background:#0877db;width:36px;height:36px;border-radius:10px}.top-shortcuts .icon-button:hover{background:#0566bf}.top-actions{margin-left:0;gap:12px}.user-label{font-size:.75rem;max-width:155px}.user-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-label small{color:var(--muted)}.user-avatar{width:36px;height:36px;border:2px solid var(--ui-soft);color:var(--ui-blue)}.appearance summary{font-size:.75rem}.top-actions .button{padding:7px 10px;min-height:34px;font-size:.75rem}.demo-strip{font-size:.6875rem;gap:7px;margin-bottom:14px}.demo-strip .pill{font-size:.625rem;padding:3px 7px}.workspace main{max-width:none;padding:22px 24px 38px}.anonymous main{max-width:1480px}.button{transition:box-shadow .15s,transform .15s,background .15s}.button:hover{box-shadow:0 3px 9px #243c6610}.button:active{transform:translateY(1px)}.nav-backdrop{display:none}
@media(min-width:801px){:root[data-nav=compact]{--nav-width:72px}[data-nav=compact] .sidebar .brand{padding:14px 15px}[data-nav=compact] .company-brand-name,[data-nav=compact] .sidebar .nav-text,[data-nav=compact] .nav-label,[data-nav=compact] .nav-children,[data-nav=compact] .nav-chevron,[data-nav=compact] .sidebar-foot>div{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[data-nav=compact] .sidebar nav{padding:10px}[data-nav=compact] .nav-link,[data-nav=compact] .nav-company>summary{padding:12px 15px;min-height:44px;margin:3px 0}[data-nav=compact] .nav-section+.nav-section{margin-top:7px;padding-top:7px}[data-nav=compact] .sidebar-foot{justify-content:center;padding:15px 0}}
@media(max-width:1250px){.top-company{max-width:180px;font-size:.75rem}.topbar{gap:12px;padding:0 18px}.top-shortcuts{display:none}.global-search{max-width:300px}.user-label{display:none}}
@media(max-width:1000px) and (min-width:801px){:root{--nav-width:224px}.top-company{display:none}.sidebar .company-brand-name{font-size:.8rem}.nav-link{font-size:.8125rem}}
@media(max-width:800px){.sidebar{width:252px;transform:translateX(-100%);transition:transform .2s;z-index:40}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.topbar{height:60px;padding:0 14px;gap:10px}.top-company{display:block;max-width:190px;font-size:.75rem}.top-actions{margin-left:auto;gap:9px}.global-search{display:none}.workspace main{padding:17px 12px 30px}.nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#14243b70;border:0;z-index:35}.appearance summary{font-size:0}.appearance summary span{font-size:1rem}.sidebar .company-brand-name{display:block}.demo-strip{line-height:1.5}}
@media(max-width:430px){.top-company{max-width:145px}.top-actions .button{font-size:.6875rem;padding:6px 8px}.top-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.nav-backdrop,.topbar,.sidebar{display:none!important}.workspace{margin:0}.workspace main{padding:0}}