:root{--c-bg: #f5f6f8;--c-panel: #ffffff;--c-line: #e6e8ec;--c-line-soft: #eef0f3;--c-ink: #0f1729;--c-ink-2: #2b3553;--c-muted: #6b7388;--c-muted-2: #8a91a4;--c-primary: #3a4ed1;--c-primary-soft: #eef0ff;--c-accent: #0c8a6a;--c-warn: #b86e00;--c-danger: #b8324a;--c-topbar: #0f1729;--c-sidebar: #111a33;--c-sidebar-ink: #c7cce0;--c-sidebar-active: #1c294d;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--shadow-1: 0 1px 2px rgba(15,23,41,.04), 0 1px 1px rgba(15,23,41,.03);--shadow-2: 0 1px 3px rgba(15,23,41,.06), 0 8px 24px rgba(15,23,41,.06);--shadow-3: 0 8px 32px rgba(15,23,41,.1), 0 2px 6px rgba(15,23,41,.06)}.app{display:grid;grid-template-columns:240px 1fr;grid-template-rows:56px 1fr;height:100vh;width:100vw;overflow:hidden}.topbar{grid-column:1 / -1;background:var(--c-topbar);color:#fff;display:flex;align-items:center;padding:0 16px 0 20px;border-bottom:1px solid #000;gap:16px;z-index:30}.topbar .brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;font-size:15px}.topbar .brand-mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#5b6ef0,#3a4ed1);display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;box-shadow:inset 0 -2px #00000026}.topbar .crumbs{display:flex;align-items:center;gap:8px;color:#aab1c8;font-size:13px;margin-left:24px}.topbar .crumbs .sep{color:#4a5170}.topbar .crumbs .here{color:#fff;font-weight:500}.topbar .grow{flex:1}.topbar .top-actions{display:flex;align-items:center;gap:6px}.topbar .icon-btn{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#c7cce0;cursor:pointer;transition:background .12s}.topbar .icon-btn:hover{background:#ffffff14;color:#fff}.topbar .user-pill{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:999px;cursor:pointer;transition:background .12s}.topbar .user-pill:hover{background:#ffffff14}.topbar .avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f0a35b,#d97a3a);display:grid;place-items:center;color:#fff;font-weight:600;font-size:12px}.topbar .user-meta{line-height:1.15;font-size:12.5px}.topbar .user-meta .name{color:#fff;font-weight:500}.topbar .user-meta .org{color:#8a91a4;font-size:11px}.sidebar{background:var(--c-sidebar);color:var(--c-sidebar-ink);padding:14px 10px 18px;display:flex;flex-direction:column;border-right:1px solid #0a1226;overflow:hidden}.sidebar .group-label{text-transform:uppercase;font-size:10.5px;letter-spacing:.08em;color:#6e7693;padding:14px 10px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--c-sidebar-ink);font-size:13.5px;font-weight:500;transition:background .12s,color .12s}.nav-item:hover{background:#ffffff0a;color:#fff}.nav-item.active{background:var(--c-sidebar-active);color:#fff;box-shadow:inset 2px 0 0 var(--c-primary)}.nav-item .ico{width:16px;height:16px;opacity:.85;display:grid;place-items:center}.nav-item .badge{margin-left:auto;font-size:10.5px;background:#2a3558;color:#c7cce0;padding:1px 6px;border-radius:999px;font-weight:600}.nav-item.active .badge{background:var(--c-primary);color:#fff}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid #1a2440;color:#8a91a4;font-size:11px}.main{overflow:auto;background:var(--c-bg);position:relative}