:root{--bg-0:#07080a;--bg-1:#0c0d10;--bg-2:#111317;--bg-3:#16191e;--bg-4:#1d2026;--bg-hover:#1a1d22;--line-1:#ffffff0f;--line-2:#ffffff1a;--line-3:#ffffff29;--fg-0:#f5f6f7;--fg-1:#d6d8dc;--fg-2:#9ba0a8;--fg-3:#6b7079;--fg-4:#474b53;--ac:oklch(78% .18 145);--ac-dim:oklch(78% .18 145/.14);--ac-line:oklch(78% .18 145/.32);--ac-glow:oklch(78% .18 145/.45);--ac-text:oklch(85% .15 145);--ac-fg:#051209;--urgent:oklch(72% .18 28);--urgent-dim:oklch(72% .18 28/.16);--warn:oklch(82% .14 80);--warn-dim:oklch(82% .14 80/.14);--info:oklch(74% .13 240);--info-dim:oklch(74% .13 240/.14);--f-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-xs:11px;--t-sm:12px;--t-base:13px;--t-md:14px;--t-lg:16px;--t-xl:20px;--t-2xl:28px;--t-3xl:40px;--r-sm:4px;--r-md:6px;--r-lg:10px;--r-xl:14px}[data-theme=light]{--bg-0:#fafaf9;--bg-1:#fff;--bg-2:#f4f4f3;--bg-3:#ebebea;--bg-4:#e0e0df;--bg-hover:#f0f0ef;--line-1:#0000000f;--line-2:#0000001a;--line-3:#0000002e;--fg-0:#0a0a0a;--fg-1:#1f2024;--fg-2:#545861;--fg-3:#80858f;--fg-4:#b0b3ba;--ac:oklch(55% .18 145);--ac-dim:oklch(55% .18 145/.1);--ac-line:oklch(55% .18 145/.3);--ac-glow:oklch(55% .18 145/.4);--ac-text:oklch(45% .2 145);--urgent:oklch(55% .2 28);--urgent-dim:oklch(55% .2 28/.1);--warn:oklch(60% .18 80);--warn-dim:oklch(60% .18 80/.12);--info:oklch(55% .2 240);--info-dim:oklch(55% .2 240/.1);--ac-fg:#fff}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--line-3)}html,body{height:100%}body{background:var(--bg-0);color:var(--fg-1);font-family:var(--f-sans);font-size:var(--t-base);font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}a{color:inherit;text-decoration:none}.app{grid-template-columns:220px 1fr;width:100vw;height:100vh;display:grid}.sidebar{background:var(--bg-1);border-right:1px solid var(--line-1);flex-direction:column;min-width:0;display:flex}.sb-brand{border-bottom:1px solid var(--line-1);align-items:center;gap:8px;height:48px;padding:0 14px;display:flex}.sb-logo{background:#1f2c6e;border-radius:6px;place-items:center;width:22px;height:22px;display:grid;overflow:hidden}.sb-logo img{object-fit:cover;width:100%;height:100%}.sb-name{color:var(--fg-0);letter-spacing:-.2px;font-size:13px;font-weight:600}.sb-name-sub{color:var(--fg-3);font-size:10px;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.5px;margin-left:auto}.sb-search{background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-md);height:30px;color:var(--fg-3);font-size:var(--t-sm);cursor:pointer;align-items:center;gap:8px;width:calc(100% - 20px);margin:10px 10px 6px;padding:0 10px;display:flex}.sb-search:hover{border-color:var(--line-2);color:var(--fg-1)}.sb-search .kbd{margin-left:auto}.sb-section{padding:8px 10px 4px}.sb-label{text-transform:uppercase;letter-spacing:.8px;color:var(--fg-3);padding:6px 8px;font-size:10px;font-weight:600}.sb-item{border-radius:var(--r-md);height:30px;color:var(--fg-2);font-size:var(--t-base);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:0 8px;font-weight:500;text-decoration:none;display:flex;position:relative}.sb-item:hover{background:var(--bg-hover);color:var(--fg-0)}.sb-item.active{background:var(--bg-3);color:var(--fg-0)}.sb-item .count{color:var(--fg-3);font-size:11px;font-family:var(--f-mono);font-variant-numeric:tabular-nums;margin-left:auto}.sb-item.active .count{color:var(--fg-1)}.sb-foot{border-top:1px solid var(--line-1);margin-top:auto;padding:10px}.sb-user{border-radius:var(--r-md);cursor:pointer;align-items:center;gap:10px;padding:6px 8px;display:flex}.sb-user:hover{background:var(--bg-hover)}.sb-avatar{color:#fff;background:linear-gradient(135deg,oklch(65% .16 30),oklch(55% .2 320));border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:grid}.sb-user-name{color:var(--fg-1);font-size:12.5px;font-weight:500}.sb-user-email{color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.kbd{border:1px solid var(--line-2);background:var(--bg-2);min-width:18px;height:18px;font-family:var(--f-mono);color:var(--fg-2);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:500;display:inline-flex}.main{background:var(--bg-0);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.topbar{border-bottom:1px solid var(--line-1);background:var(--bg-0);flex:none;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex}.crumb{font-size:var(--t-base);color:var(--fg-2);align-items:center;gap:8px;display:flex}.crumb b{color:var(--fg-0);font-weight:600}.crumb .sep{color:var(--fg-4)}.topbar .spacer{flex:1}.topbar-btn{height:28px;font-size:var(--t-sm);color:var(--fg-2);border-radius:var(--r-md);border:1px solid var(--line-1);align-items:center;gap:6px;padding:0 10px;display:flex}.topbar-btn:hover{background:var(--bg-hover);color:var(--fg-0);border-color:var(--line-2)}.topbar-btn.primary{background:var(--ac);color:var(--ac-fg);border-color:var(--ac);font-weight:600}.topbar-btn.primary:hover{box-shadow:0 0 16px var(--ac-glow)}.scroll{flex:1;min-height:0;overflow:auto}.chip{background:var(--bg-3);border:1px solid var(--line-1);height:20px;color:var(--fg-2);font-size:10.5px;font-weight:500;font-family:var(--f-mono);letter-spacing:.2px;white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:0 7px;display:inline-flex}.chip.ac{color:var(--ac-text);background:var(--ac-dim);border-color:var(--ac-line)}.btn{height:30px;font-size:var(--t-base);border-radius:var(--r-md);border:1px solid var(--line-1);color:var(--fg-1);background:var(--bg-2);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--line-2);color:var(--fg-0)}.btn.primary{background:var(--ac);color:var(--ac-fg);border-color:var(--ac);font-weight:600}.btn.primary:hover{box-shadow:0 0 18px var(--ac-glow)}.btn.ghost{background:0 0}.btn.lg{height:36px;font-size:var(--t-md);padding:0 14px}.cmdk-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;place-items:start center;padding-top:14vh;display:grid;position:fixed;inset:0}.cmdk{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-xl);width:560px;max-width:92vw;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0a}.cmdk-input{width:100%;height:48px;color:var(--fg-0);border-bottom:1px solid var(--line-1);padding:0 18px;font-size:15px}.cmdk-input::placeholder{color:var(--fg-3)}.cmdk-list{max-height:380px;padding:6px;overflow:auto}.cmdk-section{color:var(--fg-3);text-transform:uppercase;letter-spacing:.8px;padding:8px 12px 4px;font-size:10px;font-weight:600}.cmdk-row{border-radius:var(--r-md);cursor:pointer;font-size:var(--t-base);align-items:center;gap:10px;padding:8px 12px;display:flex}.cmdk-row:hover,.cmdk-row.sel{background:var(--bg-3)}.cmdk-row .lbl{color:var(--fg-1)}.cmdk-row .hint{color:var(--fg-3);margin-left:auto;font-size:11px}.ai-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:180;background:#00000073;animation:.15s fadeIn;position:fixed;inset:0}.ai-drawer{background:var(--bg-1);border-left:1px solid var(--line-2);z-index:190;flex-direction:column;width:420px;max-width:92vw;animation:.2s slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 64px #0009}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.dialer{background:var(--bg-1);border:1px solid var(--line-2);z-index:150;border-radius:14px;width:320px;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0a}
