@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Source+Serif+4:ital@0;1&family=IBM+Plex+Mono:wght@400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Fraunces:ital@0;1&display=swap");:root{--bg:#f7f7f5;--bg-elev:#ffffff;--bg-hover:#f0efeb;--bg-sunken:#efeeea;--fg:#1a1a17;--fg-muted:#6b6a63;--fg-faint:#9a9990;--border:#e6e4dd;--border-strong:#d3d0c6;--shadow-sm:0 1px 2px rgba(20,18,12,0.04);--shadow:0 1px 2px rgba(20,18,12,0.04),0 4px 12px rgba(20,18,12,0.04);--shadow-lg:0 4px 16px rgba(20,18,12,0.08),0 24px 48px rgba(20,18,12,0.08);--sidebar-bg:#15140f;--sidebar-fg:#e8e6dd;--sidebar-fg-muted:#8c8a7e;--sidebar-hover:rgba(255,255,255,0.06);--sidebar-active:rgba(255,255,255,0.1);--sidebar-border:rgba(255,255,255,0.08);--accent:oklch(62% 0.19 28);--accent-fg:#fff;--accent-soft:oklch(62% 0.19 28/0.12);--accent-soft-strong:oklch(62% 0.19 28/0.2);--ok:oklch(64% 0.14 155);--ok-soft:oklch(64% 0.14 155/0.14);--warn:oklch(74% 0.16 75);--warn-soft:oklch(74% 0.16 75/0.16);--bad:oklch(60% 0.22 25);--bad-soft:oklch(60% 0.22 25/0.14);--info:oklch(60% 0.13 240);--info-soft:oklch(60% 0.13 240/0.14);--violet:oklch(60% 0.18 295);--violet-soft:oklch(60% 0.18 295/0.14);--radius-sm:6px;--radius:10px;--radius-lg:14px;--font-ui:"Geist",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-display:"Instrument Serif","Times New Roman",serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--row-h:44px;--pad-x:14px;--pad-y:10px}[data-theme=dark]{--bg:#100f0c;--bg-elev:#1a1916;--bg-hover:#232218;--bg-sunken:#0a0907;--fg:#ebe9e0;--fg-muted:#8a887d;--fg-faint:#5a5851;--border:#2a2823;--border-strong:#3a3832;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow:0 1px 2px rgba(0,0,0,0.3),0 4px 12px rgba(0,0,0,0.3);--shadow-lg:0 4px 16px rgba(0,0,0,0.4),0 24px 48px rgba(0,0,0,0.4);--sidebar-bg:#08070a;--sidebar-fg:#e8e6dd;--sidebar-fg-muted:#8c8a7e}[data-preset=slate][data-theme=light]{--bg:#f6f7f9;--bg-elev:#ffffff;--bg-hover:#eef0f4;--bg-sunken:#e9ebf0;--fg:#0f172a;--fg-muted:#64748b;--fg-faint:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--sidebar-bg:#0f172a;--sidebar-fg:#e2e8f0;--sidebar-fg-muted:#94a3b8;--sidebar-hover:rgba(255,255,255,0.06);--sidebar-active:rgba(255,255,255,0.1);--sidebar-border:rgba(255,255,255,0.08);--accent:oklch(58% 0.18 252);--accent-soft:oklch(58% 0.18 252/0.12);--accent-soft-strong:oklch(58% 0.18 252/0.22)}[data-preset=slate][data-theme=dark]{--bg:#0b1220;--bg-elev:#131c2e;--bg-hover:#1c273d;--bg-sunken:#070d18;--fg:#e2e8f0;--fg-muted:#94a3b8;--fg-faint:#64748b;--border:#1e2a44;--border-strong:#2a3a5b;--sidebar-bg:#060b16;--sidebar-fg:#e2e8f0;--accent:oklch(68% 0.18 252);--accent-soft:oklch(68% 0.18 252/0.18);--accent-soft-strong:oklch(68% 0.18 252/0.28)}[data-preset=forest][data-theme=light]{--bg:#f5f6f1;--bg-elev:#ffffff;--bg-hover:#ecede5;--bg-sunken:#e6e7df;--fg:#1a1f15;--fg-muted:#5e6b54;--fg-faint:#8d9b81;--border:#dde0d2;--border-strong:#c4c9b3;--sidebar-bg:#1a2b1c;--sidebar-fg:#e8ebd9;--sidebar-fg-muted:#8fa088;--sidebar-hover:rgba(255,255,255,0.06);--sidebar-active:rgba(255,255,255,0.1);--sidebar-border:rgba(255,255,255,0.08);--accent:oklch(52% 0.13 145);--accent-soft:oklch(52% 0.13 145/0.13);--accent-soft-strong:oklch(52% 0.13 145/0.22)}[data-preset=forest][data-theme=dark]{--bg:#0d130d;--bg-elev:#161e16;--bg-hover:#1f2a1f;--bg-sunken:#080c08;--fg:#e3eadb;--fg-muted:#8fa088;--fg-faint:#5e6b54;--border:#232f23;--border-strong:#2f402f;--sidebar-bg:#060a06;--accent:oklch(68% 0.16 145);--accent-soft:oklch(68% 0.16 145/0.18);--accent-soft-strong:oklch(68% 0.16 145/0.28)}[data-preset=midnight][data-theme=light]{--bg:#f8f6fb;--bg-elev:#ffffff;--bg-hover:#efebf6;--bg-sunken:#e9e4f0;--fg:#1a1525;--fg-muted:#645a76;--fg-faint:#9b91ad;--border:#e1dbed;--border-strong:#c8c0d8;--sidebar-bg:#1a1530;--sidebar-fg:#e8e3f0;--sidebar-fg-muted:#9b91ad;--sidebar-hover:rgba(255,255,255,0.06);--sidebar-active:rgba(255,255,255,0.1);--sidebar-border:rgba(255,255,255,0.08);--accent:oklch(56% 0.21 295);--accent-soft:oklch(56% 0.21 295/0.13);--accent-soft-strong:oklch(56% 0.21 295/0.22)}[data-preset=midnight][data-theme=dark]{--bg:#0e0a18;--bg-elev:#181225;--bg-hover:#221a35;--bg-sunken:#08050f;--fg:#e8e3f0;--fg-muted:#9b91ad;--fg-faint:#645a76;--border:#261f3a;--border-strong:#352c50;--sidebar-bg:#060410;--accent:oklch(70% 0.20 295);--accent-soft:oklch(70% 0.20 295/0.18);--accent-soft-strong:oklch(70% 0.20 295/0.28)}[data-preset=ocean][data-theme=light]{--bg:#f3f7f8;--bg-elev:#ffffff;--bg-hover:#e8eff0;--bg-sunken:#e0e9eb;--fg:#0f2024;--fg-muted:#557079;--fg-faint:#8ba3aa;--border:#d8e4e6;--border-strong:#b8cdd1;--sidebar-bg:#0a2228;--sidebar-fg:#d9eaee;--sidebar-fg-muted:#87a3a9;--sidebar-hover:rgba(255,255,255,0.06);--sidebar-active:rgba(255,255,255,0.1);--sidebar-border:rgba(255,255,255,0.08);--accent:oklch(58% 0.13 200);--accent-soft:oklch(58% 0.13 200/0.13);--accent-soft-strong:oklch(58% 0.13 200/0.22)}[data-preset=ocean][data-theme=dark]{--bg:#07171b;--bg-elev:#0e2228;--bg-hover:#163139;--bg-sunken:#040f12;--fg:#d9eaee;--fg-muted:#87a3a9;--fg-faint:#557079;--border:#173039;--border-strong:#20424d;--sidebar-bg:#030c0f;--accent:oklch(72% 0.13 200);--accent-soft:oklch(72% 0.13 200/0.18);--accent-soft-strong:oklch(72% 0.13 200/0.28)}[data-preset=rose][data-theme=light]{--bg:#fbf6f7;--bg-elev:#ffffff;--bg-hover:#f4ebee;--bg-sunken:#efe3e7;--fg:#1f1014;--fg-muted:#7a5660;--fg-faint:#b2939b;--border:#ecdde2;--border-strong:#d8c0c8;--sidebar-bg:#2a1419;--sidebar-fg:#f0e3e7;--sidebar-fg-muted:#b2939b;--sidebar-hover:rgba(255,255,255,0.06);--sidebar-active:rgba(255,255,255,0.1);--sidebar-border:rgba(255,255,255,0.08);--accent:oklch(60% 0.20 0);--accent-soft:oklch(60% 0.20 0/0.13);--accent-soft-strong:oklch(60% 0.20 0/0.22)}[data-preset=rose][data-theme=dark]{--bg:#170a0e;--bg-elev:#211218;--bg-hover:#2e1b22;--bg-sunken:#0e0508;--fg:#f0e3e7;--fg-muted:#b2939b;--fg-faint:#7a5660;--border:#2d1a21;--border-strong:#41252e;--sidebar-bg:#0c0508;--accent:oklch(70% 0.18 0);--accent-soft:oklch(70% 0.18 0/0.18);--accent-soft-strong:oklch(70% 0.18 0/0.28)}[data-preset=mono][data-theme=light]{--bg:#fafafa;--bg-elev:#ffffff;--bg-hover:#f0f0f0;--bg-sunken:#e8e8e8;--fg:#0a0a0a;--fg-muted:#525252;--fg-faint:#a3a3a3;--border:#e5e5e5;--border-strong:#c5c5c5;--sidebar-bg:#0a0a0a;--sidebar-fg:#f5f5f5;--sidebar-fg-muted:#a3a3a3;--sidebar-hover:rgba(255,255,255,0.06);--sidebar-active:rgba(255,255,255,0.1);--sidebar-border:rgba(255,255,255,0.08);--accent:#0a0a0a;--accent-fg:#ffffff;--accent-soft:rgba(10,10,10,0.08);--accent-soft-strong:rgba(10,10,10,0.16)}[data-preset=mono][data-theme=dark]{--bg:#0a0a0a;--bg-elev:#161616;--bg-hover:#222;--bg-sunken:#050505;--fg:#fafafa;--fg-muted:#a3a3a3;--fg-faint:#525252;--border:#262626;--border-strong:#404040;--sidebar-bg:#000;--accent:#fafafa;--accent-fg:#0a0a0a;--accent-soft:rgba(250,250,250,0.1);--accent-soft-strong:rgba(250,250,250,0.18)}[data-density=compact]{--row-h:36px;--pad-x:12px;--pad-y:6px}[data-density=comfy]{--row-h:52px;--pad-x:18px;--pad-y:14px}[data-font=manrope]{--font-ui:"Manrope",sans-serif;--font-display:"Source Serif 4",serif;--font-mono:"IBM Plex Mono",monospace}[data-font=outfit]{--font-ui:"Outfit",sans-serif;--font-display:"Fraunces",serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box}#root,body,html{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--fg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.serif{font-family:var(--font-display);font-style:italic}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}.app[data-sidebar=compact]{grid-template-columns:64px 1fr}.app[data-sidebar=floating]{grid-template-columns:0 1fr}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-fg);display:flex;flex-direction:column;border-right:1px solid var(--sidebar-border);overflow:hidden}.sidebar.floating{position:fixed;top:12px;bottom:12px;left:12px;width:220px;border-radius:16px;box-shadow:var(--shadow-lg);z-index:50;transform:translateX(-260px);transition:transform .2s cubic-bezier(.3,.7,.4,1)}.sidebar.floating[data-open="1"]{transform:translateX(0)}.brand{display:flex;align-items:center;gap:10px;padding:16px 16px 14px;border-bottom:1px solid var(--sidebar-border);font-weight:600;letter-spacing:-.01em}.brand-logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--accent) 0,oklch(72% .19 60) 100%);display:grid;place-items:center;color:white;font-family:var(--font-display);font-style:italic;font-size:17px;font-weight:400;flex-shrink:0}.brand-name{font-size:14.5px}.brand-env{font-size:9.5px;padding:2px 6px;border-radius:4px;background:var(--sidebar-hover);color:var(--sidebar-fg-muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-left:auto;font-family:var(--font-mono)}.app[data-sidebar=compact] .brand-env,.app[data-sidebar=compact] .brand-name{display:none}.nav{flex:1 1;overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.nav:hover{scrollbar-color:rgba(255,255,255,.2) transparent}.nav::-webkit-scrollbar{width:8px}.nav::-webkit-scrollbar-track{background:transparent}.nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px;border:2px solid transparent;background-clip:content-box;-webkit-transition:background .15s;transition:background .15s}.nav:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);background-clip:content-box}.nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3);background-clip:content-box}.nav-section{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-fg-muted);padding:14px 10px 6px;font-weight:500}.app[data-sidebar=compact] .nav-section{visibility:hidden;height:8px;padding:8px 0 0}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;color:var(--sidebar-fg);cursor:pointer;font-size:13.5px;font-weight:450;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;background:transparent;text-align:left;width:100%}.nav-item:hover{background:var(--sidebar-hover)}.nav-item[data-active="1"]{background:var(--sidebar-active);color:#fff}.nav-item[data-active="1"]:before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:2px;background:var(--accent);border-radius:2px}.nav-icon{width:16px;height:16px;flex-shrink:0;opacity:.85}.nav-label{flex:1 1}.nav-badge{background:var(--accent);color:white;font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:10px;line-height:1.4;font-family:var(--font-mono)}.nav-badge.muted{background:var(--sidebar-hover);color:var(--sidebar-fg-muted)}.app[data-sidebar=compact] .nav-badge,.app[data-sidebar=compact] .nav-label{display:none}.app[data-sidebar=compact] .nav-item{justify-content:center;padding:9px}.sidebar-foot{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:10px;border:0;border-top:1px solid var(--sidebar-border);display:flex;align-items:center;gap:10px;background:transparent;color:inherit;font-family:inherit;cursor:pointer;transition:background .1s;text-align:left}.sidebar-foot:hover,.sidebar-foot[data-active="1"]{background:var(--sidebar-hover)}.app[data-sidebar=compact] .sidebar-foot{justify-content:center}.avatar{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,oklch(70% .14 250),oklch(60% .18 295));display:grid;place-items:center;color:white;font-size:11.5px;font-weight:600;flex-shrink:0;font-family:var(--font-mono)}.avatar.lg{width:56px;height:56px;font-size:18px;border-radius:12px}.avatar.sm{width:22px;height:22px;font-size:9px;border-radius:5px}.foot-meta{flex:1 1;min-width:0;line-height:1.2}.foot-name{font-size:12.5px;font-weight:500}.foot-email{font-size:11px;color:var(--sidebar-fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app[data-sidebar=compact] .foot-meta,.app[data-sidebar=compact] .foot-x{display:none}.foot-x{color:var(--sidebar-fg-muted);padding:4px;border-radius:5px;display:inline-flex;align-items:center;transition:transform .2s}.sidebar-foot[data-active="1"] .foot-x{transform:rotate(180deg);color:var(--sidebar-fg)}.popover.sidebar-profile-menu{position:absolute;bottom:calc(100% + 6px);left:8px;right:8px;top:auto;width:auto;z-index:60;animation:pop-up-in .14s cubic-bezier(.3,.7,.4,1)}@keyframes pop-up-in{0%{opacity:0;transform:translateY(4px)}}.app[data-sidebar=compact] .popover.sidebar-profile-menu{left:calc(100% + 8px);right:auto;bottom:8px;width:240px}.main{display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{gap:12px;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;height:56px}.crumbs,.topbar{display:flex;align-items:center}.crumbs{gap:6px;color:var(--fg-muted);font-size:13px}.crumbs .crumb-sep{color:var(--fg-faint)}.crumbs .current{color:var(--fg);font-weight:500}.topbar-search{flex:1 1;max-width:380px;display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--fg-faint);font-size:13px}.topbar-search:hover{border-color:var(--border-strong)}.topbar-search .kbd{margin-left:auto;display:flex;gap:2px}.kbd-key{font-family:var(--font-mono);font-size:10.5px;padding:1.5px 5px;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--fg-muted);line-height:1.2}.topbar-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:32px;height:32px;display:grid;place-items:center;border-radius:7px;cursor:pointer;color:var(--fg-muted);position:relative}.icon-btn:hover{background:var(--bg-hover);color:var(--fg)}.icon-btn .dot{position:absolute;top:7px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--accent);border:1.5px solid var(--bg)}.content{flex:1 1;overflow-y:auto;padding:24px 32px 80px;scroll-behavior:smooth}[data-density=compact] .content{padding:16px 24px 60px}[data-density=comfy] .content{padding:32px 40px 100px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:20px;flex-wrap:wrap}.page-title{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px}.page-title em{font-family:var(--font-ui);font-style:normal;font-weight:500;color:var(--fg-muted)}.page-sub{font-size:13.5px;color:var(--fg-muted);margin:0}.page-actions{display:flex;gap:8px;align-items:center}.crumb-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--fg-muted);font:inherit;padding:0;cursor:pointer;border-radius:3px}.crumb-link:hover{color:var(--fg);text-decoration:underline}.profile-trigger{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;padding:4px 6px 4px 4px;border-radius:8px;cursor:pointer;color:var(--fg);margin-left:4px}.profile-trigger:hover{background:var(--bg-hover);border-color:var(--border)}.avatar-tb{width:28px;height:28px;font-size:11px;flex-shrink:0}.profile-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.profile-name{font-size:12.5px;font-weight:600}.profile-org{font-size:11px;color:var(--fg-muted)}.popover.profile-menu{position:absolute;top:calc(100% + 6px);right:0;left:auto;width:260px;z-index:60}.profile-head{display:flex;gap:10px;align-items:center;padding:14px 14px 12px;border-bottom:1px solid var(--border)}.profile-list{padding:6px;display:flex;flex-direction:column}.profile-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:var(--fg);font:inherit;font-size:13px;cursor:pointer;text-align:left;text-decoration:none}.profile-item:hover{background:var(--bg-hover)}.profile-sep{height:1px;background:var(--border);margin:4px}.profile-logout{color:var(--bad)}.profile-logout:hover{background:var(--bad-soft)}.theme-menu{position:absolute;top:calc(100% + 6px);right:0}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;padding:12px}.theme-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);border-radius:9px;padding:6px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:border-color .1s}.theme-swatch:hover{border-color:var(--border-strong)}.theme-swatch[data-active="1"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-preview{position:relative;height:44px;border-radius:5px;overflow:hidden;border:1px solid var(--border)}.theme-preview-side{position:absolute;left:0;top:0;bottom:0;width:30%}.theme-preview-dot{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.6)}.theme-name{font-size:11.5px;font-weight:500;color:var(--fg);text-align:left;padding:0 2px}.theme-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:12px;gap:12px}.theme-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:border-color .1s;text-align:left}.theme-card:hover{border-color:var(--border-strong)}.theme-card[data-active="1"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-card-preview{position:relative;height:88px;border-radius:6px;overflow:hidden;border:1px solid var(--border);display:flex}.tcp-side{width:28%;padding:8px 6px;display:flex;flex-direction:column;gap:5px}.tcp-side-row{height:4px;border-radius:2px;background:rgba(255,255,255,.18)}.tcp-side-row.short{width:60%}.tcp-main{flex:1 1;padding:8px;display:flex;flex-direction:column;gap:5px}.tcp-bar{height:6px;width:22px;border-radius:2px}.tcp-block{flex:1 1;border:1px solid;border-radius:4px;padding:6px;display:flex;flex-direction:column;gap:3px;justify-content:center}.tcp-line{height:3px;border-radius:2px;background:rgba(127,127,127,.3)}.tcp-check{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.2)}.theme-card-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;padding:0 4px}.theme-card-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px var(--border)}.seg-control{display:inline-flex;gap:2px;padding:3px;background:var(--bg-hover);border-radius:8px;border:1px solid var(--border)}.seg-control button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:6px 14px;border-radius:6px;font:inherit;font-size:12.5px;font-weight:500;color:var(--fg-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-transform:capitalize;transition:all .1s}.seg-control button:hover{color:var(--fg)}.seg-control button[data-active="1"]{background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow-sm)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:7px;border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap;height:32px;transition:background .1s,border-color .1s}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn.primary:hover{background:var(--fg);opacity:.9}.btn.accent{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.accent:hover{filter:brightness(.95)}.btn.ghost{border-color:transparent;background:transparent;color:var(--fg-muted)}.btn.ghost:hover{background:var(--bg-hover);color:var(--fg)}.btn.danger{color:var(--bad);border-color:var(--border);background:var(--bg-elev)}.btn.danger:hover{background:var(--bad-soft);border-color:var(--bad)}.btn.sm{height:26px;padding:4px 8px;font-size:12px}.btn.lg{height:38px;padding:9px 16px;font-size:14px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);gap:12px}.card-title{font-size:14px;font-weight:600;margin:0}.card-sub{font-size:12.5px;color:var(--fg-muted)}.card-body{padding:18px}.grid{display:grid;grid-gap:16px;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width:1100px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;flex-direction:column;gap:8px;position:relative;overflow:hidden}.kpi,.kpi-h{display:flex}.kpi-h{align-items:center;justify-content:space-between}.kpi-label{font-size:12.5px;color:var(--fg-muted);font-weight:500}.kpi-value{font-size:28px;font-weight:600;letter-spacing:-.02em;font-feature-settings:"tnum" 1}.kpi-value .unit{font-size:16px;color:var(--fg-muted);margin-left:2px;font-weight:500}.kpi-trend{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;font-size:11.5px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-trend.up{background:var(--ok-soft);color:oklch(50% .13 155)}.kpi-trend.down{background:var(--bad-soft);color:var(--bad)}[data-theme=dark] .kpi-trend.up{color:oklch(75% .14 155)}.kpi-spark{height:36px;margin-top:-2px}.kpi-foot{color:var(--fg-faint)}.kpi-foot,.pill{font-size:11.5px}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:5px;font-weight:500;white-space:nowrap;font-family:var(--font-ui);letter-spacing:.005em}.pill .pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.pill.active{background:var(--ok-soft);color:oklch(50% .13 155)}[data-theme=dark] .pill.active{color:oklch(75% .14 155)}.pill.trialing{background:var(--info-soft);color:oklch(50% .13 240)}[data-theme=dark] .pill.trialing{color:oklch(75% .13 240)}.pill.past_due{background:var(--warn-soft);color:oklch(55% .16 75)}[data-theme=dark] .pill.past_due{color:oklch(80% .16 75)}.pill.canceled,.pill.paused{background:var(--bg-hover);color:var(--fg-muted)}.pill.paid{background:var(--ok-soft);color:oklch(50% .13 155)}[data-theme=dark] .pill.paid{color:oklch(75% .14 155)}.pill.pending{background:var(--warn-soft);color:oklch(55% .16 75)}[data-theme=dark] .pill.pending{color:oklch(80% .16 75)}.pill.failed{background:var(--bad-soft);color:var(--bad)}.pill.refunded{background:var(--violet-soft);color:oklch(50% .18 295)}[data-theme=dark] .pill.refunded{color:oklch(75% .18 295)}.pill.draft,.pill.expired{background:var(--bg-hover);color:var(--fg-muted)}.pill.outline{background:transparent;border:1px solid var(--border-strong);color:var(--fg-muted)}.pill.accent{background:var(--accent-soft);color:var(--accent)}.pill.violet{background:var(--violet-soft);color:oklch(50% .18 295)}[data-theme=dark] .pill.violet{color:oklch(75% .18 295)}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.tbl thead th{text-align:left;padding:8px var(--pad-x);background:var(--bg-sunken);border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-weight:500;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);position:-webkit-sticky;position:sticky;top:0;z-index:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tbl thead th .sort-i{opacity:.4;margin-left:4px}.tbl thead th[data-sort] .sort-i{opacity:1;color:var(--fg)}.tbl tbody td{padding:var(--pad-y) var(--pad-x);border-bottom:1px solid var(--border);vertical-align:middle;height:var(--row-h)}.tbl tbody tr{transition:background 80ms}.tbl tbody tr:hover{background:var(--bg-hover)}.tbl tbody tr[data-selected="1"]{background:var(--accent-soft)}.tbl tbody tr[data-selected="1"]:hover{background:var(--accent-soft-strong)}.tbl-user{display:flex;align-items:center;gap:10px}.tbl-user-meta{line-height:1.25;min-width:0}.tbl-user-name{font-weight:500;font-size:13px}.tbl-user-email{font-size:11.5px;color:var(--fg-muted)}.tbl .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.tbl-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border);font-size:12.5px;color:var(--fg-muted)}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:var(--bg-elev);color:var(--fg);font-family:inherit;font-size:13px;outline:none;transition:border-color .1s,box-shadow .1s;height:32px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.input{height:auto;min-height:80px;resize:vertical;padding:9px 10px;line-height:1.5}select.input{padding-right:26px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%23888' d='M0 0h10L5 6z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.label{font-size:12px;font-weight:500;color:var(--fg-muted);margin-bottom:5px;display:block}.field{margin-bottom:14px}.field-row{display:flex;gap:10px}.field-row .field{flex:1 1}.searchbox{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:7px;background:var(--bg-elev);height:32px;min-width:220px}.searchbox input{flex:1 1;border:0;background:transparent;color:var(--fg);font-family:inherit;font-size:13px;outline:none;min-width:0}.searchbox svg{color:var(--fg-faint);flex-shrink:0}.toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-elev);flex-wrap:wrap}.toolbar-spacer{flex:1 1}.bulk-bar{justify-content:space-between;padding:8px 14px;background:var(--accent-soft);border-bottom:1px solid var(--accent-soft-strong);font-size:13px;position:-webkit-sticky;position:sticky;top:0;z-index:5;flex-wrap:wrap;gap:8px}.bulk-bar,.bulk-bar-left{display:flex;align-items:center}.bulk-bar-left{gap:10px;color:var(--fg)}.bulk-bar-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bulk-sep{width:1px;height:18px;background:var(--border-strong);margin:0 4px}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--accent);font:inherit;font-size:12.5px;font-weight:500;padding:0;cursor:pointer;text-decoration:underline}.row-actions{display:flex;gap:1px;justify-content:flex-end;opacity:0;transition:opacity 80ms}.tbl tbody tr:hover .row-actions,.tbl tbody tr[data-selected="1"] .row-actions{opacity:1}.row-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:26px;height:26px;display:grid;place-items:center;border-radius:5px;color:var(--fg-muted);cursor:pointer;transition:all 80ms}.row-action:hover{background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow-sm)}.org-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 6px;background:var(--bg-hover);border:1px solid var(--border);border-radius:12px;font:inherit;font-size:11.5px;font-weight:500;color:var(--fg);cursor:pointer;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.org-chip:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.org-chip svg{flex-shrink:0;opacity:.65}.org-chip:hover svg{opacity:1}.add-type-toggle{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:20px}.add-type-toggle button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1.5px solid var(--border);background:var(--bg-elev);color:var(--fg);font:inherit;text-align:left;border-radius:10px;cursor:pointer;transition:all .12s}.add-type-toggle button:hover{border-color:var(--border-strong);background:var(--bg-hover)}.add-type-toggle button[data-active="1"]{border-color:var(--accent);background:var(--accent-soft);color:var(--fg)}.add-type-toggle button[data-active="1"]>svg{color:var(--accent)}.add-type-toggle button>svg{margin-top:2px;color:var(--fg-muted);flex-shrink:0}.add-type-name{font-size:13.5px;font-weight:600;margin-bottom:2px}.add-type-desc{font-size:11.5px;color:var(--fg-muted);line-height:1.4}.add-options{display:flex;flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border);font-size:13px}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1.5px solid var(--border-strong);border-radius:3.5px;background:var(--bg-elev);cursor:pointer;display:grid;place-items:center;flex-shrink:0}.checkbox:checked{background:var(--fg);border-color:var(--fg)}.checkbox:checked:after{content:"";width:8px;height:5px;border-left:1.5px solid var(--bg-elev);border-bottom:1.5px solid var(--bg-elev);transform:rotate(-45deg) translate(.5px,-1px)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:20px;padding:0 2px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;color:var(--fg-muted);cursor:pointer;position:relative;border-radius:6px 6px 0 0}.tab:hover{background:var(--bg-hover)}.tab:hover,.tab[data-active="1"]{color:var(--fg)}.tab[data-active="1"]:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.tab-count{font-size:11px;padding:1px 6px;border-radius:10px;background:var(--bg-hover);color:var(--fg-muted);font-family:var(--font-mono);margin-left:6px}.tab[data-active="1"] .tab-count{background:var(--accent-soft);color:var(--accent)}.toasts{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);min-width:280px;max-width:380px;animation:toast-in .22s cubic-bezier(.3,.7,.4,1)}.toast[data-leaving="1"]{animation:toast-out .18s cubic-bezier(.3,.7,.4,1) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes toast-out{to{opacity:0;transform:translateX(20px)}}.toast-icon{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.toast-icon.success{background:var(--ok-soft);color:var(--ok)}.toast-icon.warn{background:var(--warn-soft);color:var(--warn)}.toast-icon.error{background:var(--bad-soft);color:var(--bad)}.toast-icon.info{background:var(--info-soft);color:var(--info)}.toast-body{flex:1 1;min-width:0}.toast-title{font-size:13px;font-weight:500}.toast-desc{font-size:12.5px;color:var(--fg-muted);line-height:1.4;margin-top:2px}.toast-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--fg-faint);cursor:pointer;padding:2px;border-radius:4px}.toast-x:hover{color:var(--fg);background:var(--bg-hover)}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:100;animation:fade-in .15s ease}[data-theme=dark] .scrim{background:rgba(0,0,0,.6)}@keyframes fade-in{0%{opacity:0}}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:480px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;z-index:101;animation:modal-in .18s cubic-bezier(.3,.7,.4,1)}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px))}}.modal-h{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:15px;font-weight:600;margin:0}.modal-body{padding:20px;overflow-y:auto}.modal-foot{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.cmdk-scrim{position:fixed;inset:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:grid;place-items:start center;padding-top:12vh;animation:fade-in .12s ease}.cmdk{width:560px;max-width:calc(100vw - 40px);background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;animation:modal-in .18s cubic-bezier(.3,.7,.4,1)}.cmdk-input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.cmdk-input input{flex:1 1;border:0;background:transparent;color:var(--fg);font-family:inherit;font-size:15px;outline:none}.cmdk-list{max-height:360px;overflow-y:auto;padding:6px}.cmdk-section{font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);padding:8px 10px 4px}.cmdk-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;font-size:13.5px;cursor:pointer;border:0;background:transparent;color:var(--fg);width:100%;text-align:left}.cmdk-item[data-active="1"]{background:var(--accent-soft);color:var(--accent)}.cmdk-item-meta{margin-left:auto;font-size:11px;color:var(--fg-faint);font-family:var(--font-mono)}.cmdk-foot{display:flex;align-items:center;gap:14px;padding:8px 14px;border-top:1px solid var(--border);font-size:11.5px;color:var(--fg-muted)}.cmdk-foot .kbd-key{font-size:10px}.popover{position:absolute;top:44px;right:0;width:380px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:50;animation:pop-in .14s cubic-bezier(.3,.7,.4,1);overflow:hidden}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}}.popover-h{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.popover-list{max-height:460px;overflow-y:auto}.popover-item{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;position:relative}.popover-item:last-child{border-bottom:0}.popover-item:hover{background:var(--bg-hover)}.popover-item .unread-dot{position:absolute;top:16px;left:6px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.popover-item[data-read="1"] .unread-dot{display:none}.notif-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.notif-icon.critical{background:var(--bad-soft);color:var(--bad)}.notif-icon.warning{background:var(--warn-soft);color:var(--warn)}.notif-icon.info{background:var(--info-soft);color:var(--info)}.notif-icon.success{background:var(--ok-soft);color:var(--ok)}.empty{padding:80px 20px;text-align:center}.empty-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:14px;background:var(--bg-hover);display:grid;place-items:center;color:var(--fg-faint)}.empty h3{margin:0 0 6px;font-size:16px;font-weight:600}.empty p{margin:0 0 20px;color:var(--fg-muted);font-size:13.5px}.chart-wrap{position:relative}.chart-wrap svg{display:block;width:100%;height:100%;overflow:visible}.chart-grid line{stroke:var(--border);stroke-dasharray:2 4}.chart-axis text{fill:var(--fg-faint);font-size:10.5px;font-family:var(--font-mono)}.chart-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:var(--accent-soft)}.chart-bar{fill:var(--accent)}.chart-tooltip{position:absolute;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:7px;padding:6px 10px;font-size:12px;box-shadow:var(--shadow);pointer-events:none;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;z-index:4}.chart-tooltip .tt-label{color:var(--fg-muted);font-size:10.5px;margin-bottom:2px}.chart-tooltip .tt-value{font-weight:600;font-family:var(--font-mono)}.legend{display:flex;gap:14px;font-size:12px;color:var(--fg-muted)}.legend-i{display:inline-flex;align-items:center;gap:6px}.legend-sw{width:10px;height:10px;border-radius:3px}.donut-wrap{display:flex;align-items:center;gap:24px}.donut svg{width:140px;height:140px}.donut-tot{font-size:22px;font-weight:600;letter-spacing:-.01em}.donut-tot-l{font-size:11px;color:var(--fg-muted);margin-top:2px}.divider{height:1px;background:var(--border);margin:14px 0}.muted{color:var(--fg-muted)}.faint{color:var(--fg-faint)}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.row.gap-lg{gap:16px}.col{display:flex;flex-direction:column;gap:4px}.spacer{flex:1 1}.sub-h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);font-weight:500;margin:0 0 8px}.kbd-row{display:flex;gap:4px;align-items:center}.dropdown{position:absolute;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);padding:4px;min-width:180px;z-index:30;animation:pop-in .1s ease}.dropdown button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:100%;text-align:left;padding:7px 10px;border-radius:5px;font-family:inherit;font-size:13px;color:var(--fg);cursor:pointer;display:flex;align-items:center;gap:8px}.dropdown button:hover{background:var(--bg-hover)}.dropdown button.danger{color:var(--bad)}.dropdown-sep{height:1px;background:var(--border);margin:4px 0}.detail-grid{display:grid;grid-template-columns:1fr 320px;grid-gap:20px;gap:20px}@media (max-width:1100px){.detail-grid{grid-template-columns:1fr}}.usage-bar{height:8px;background:var(--bg-sunken);border-radius:4px;overflow:hidden;position:relative}.usage-bar>div{height:100%;background:linear-gradient(90deg,var(--accent),oklch(72% .19 60));border-radius:4px;transition:width .4s cubic-bezier(.3,.7,.4,1)}.plan-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;background:var(--bg-elev);display:flex;flex-direction:column;gap:12px;position:relative}.plan-card.popular{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.plan-card .popular-tag{position:absolute;top:-10px;right:16px;background:var(--accent);color:white;font-size:10.5px;font-weight:600;letter-spacing:.05em;padding:3px 8px;border-radius:5px;text-transform:uppercase}.plan-name{font-size:16px;font-weight:600}.plan-price{font-size:32px;font-weight:600;letter-spacing:-.02em}.plan-price .interval{font-size:13px;color:var(--fg-muted);font-weight:500}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px;font-size:13px}.plan-features li{display:flex;gap:8px;align-items:flex-start}.plan-features li:before{content:"✓";color:var(--ok);flex-shrink:0;font-weight:600}.plan-foot{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border);margin-top:auto}.editor-grid{display:grid;grid-template-columns:280px 1fr 380px;grid-gap:20px;gap:20px}@media (max-width:1300px){.editor-grid{grid-template-columns:1fr 380px}.editor-list{display:none}}.editor-list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elev);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 200px)}.editor-list-h{padding:12px 14px;border-bottom:1px solid var(--border)}.editor-list-items{flex:1 1;overflow-y:auto}.editor-list-i{padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer;border-left:2px solid transparent}.editor-list-i:hover{background:var(--bg-hover)}.editor-list-i[data-active="1"]{background:var(--accent-soft);border-left-color:var(--accent)}.editor-list-i .name{font-size:13px;font-weight:500}.editor-list-i .meta{font-size:11.5px;color:var(--fg-muted);margin-top:2px}.editor-canvas{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elev);overflow:hidden;display:flex;flex-direction:column}.editor-tools{display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-sunken)}.editor-tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:26px;height:26px;display:grid;place-items:center;border-radius:5px;cursor:pointer;color:var(--fg-muted)}.editor-tool:hover{background:var(--bg-hover);color:var(--fg)}.editor-tool[data-active="1"]{background:var(--accent-soft);color:var(--accent)}.editor-content{flex:1 1;padding:28px 32px;font-family:var(--font-display);font-size:16px;line-height:1.7;overflow-y:auto;font-style:normal}.editor-content h1{font-family:var(--font-ui);font-size:28px;margin:0 0 12px;font-style:normal;font-weight:650}.editor-content h2{font-family:var(--font-ui);font-size:17px;margin:24px 0 8px;font-weight:600}.editor-content p{margin:0 0 14px;font-family:var(--font-ui)}.editor-content code{background:var(--accent-soft);color:var(--accent);padding:1px 6px;border-radius:4px;font-family:var(--font-mono);font-size:13px}.preview-pane{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-sunken);padding:16px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 200px);overflow-y:auto}.email-preview{background:white;color:#1a1a17;border-radius:8px;padding:28px 32px;box-shadow:var(--shadow);font-family:-apple-system,system-ui,sans-serif;font-size:14px;line-height:1.55}.email-preview h2{font-size:20px;margin:0 0 16px}.email-preview .btn-row{margin:18px 0}.email-preview .btn-cta{display:inline-block;background:#1a1a17;color:white;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:500;font-size:13.5px}.phone-frame{position:relative;width:280px;height:560px;margin:0 auto;background:#1a1a1a;border-radius:38px;padding:10px;box-shadow:0 10px 30px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.08),inset 0 0 0 2px #2a2a2a}.phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:96px;height:22px;background:#000;border-radius:14px;z-index:2}.phone-screen{width:100%;height:100%;background:#f7f7f7;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;color:#1a1a17;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;position:relative}.phone-status{display:flex;justify-content:space-between;align-items:center;padding:14px 22px 6px;font-size:13px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.phone-status-icons{font-size:11px;display:flex;align-items:center}.phone-imessage-head{display:flex;align-items:center;padding:8px 12px 10px;border-bottom:.5px solid rgba(0,0,0,.1);background:rgba(247,247,247,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.phone-back{color:#007aff;font-size:22px;font-weight:300;line-height:1;padding:0 4px}.phone-imessage-from{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px}.phone-imessage-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:600;font-family:var(--font-mono);font-size:12px}.phone-imessage-name{font-size:10.5px;font-weight:500;color:#1a1a17}.phone-info{color:#007aff;font-size:18px;padding:0 4px}.phone-imessage-body{flex:1 1;padding:14px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.phone-imessage-time{text-align:center;font-size:10px;color:#8a8a8a;margin-bottom:10px}.phone-imessage-time:before{content:"Text Message · "}.phone-bubble{max-width:78%;padding:8px 12px;border-radius:18px;font-size:13.5px;line-height:1.4;word-break:break-word}.phone-bubble.incoming{background:#e5e5ea;color:#1a1a17;align-self:flex-start;border-bottom-left-radius:5px}.phone-bubble.outgoing{background:#007aff;color:white;align-self:flex-end;border-bottom-right-radius:5px}.phone-imessage-input{padding:8px 12px 18px;border-top:.5px solid rgba(0,0,0,.1)}.phone-imessage-input-inner{background:white;border:.5px solid rgba(0,0,0,.15);border-radius:16px;padding:7px 14px;font-size:12.5px;color:#8a8a8a}.phone-home{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:110px;height:4px;background:#1a1a17;border-radius:3px}.sms-counter-track{height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden}.sms-counter-fill{height:100%;transition:width .12s,background .12s;border-radius:2px}.ai-engines{display:flex;flex-direction:column;gap:10px}.ai-engine{border:1px solid var(--border);border-radius:12px;background:var(--bg-elev);overflow:hidden;transition:border-color .12s,box-shadow .12s}.ai-engine[data-enabled="1"]{border-color:var(--border-strong)}.ai-engine-head{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-engine-head:hover{background:var(--bg-hover)}.ai-engine-logo{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:white;font-size:18px;font-family:var(--font-display);flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.ai-engine[data-enabled="0"] .ai-engine-logo{opacity:.45;filter:saturate(.5)}.ai-engine-meta{flex:1 1;min-width:0}.ai-engine-name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ai-engine-tagline{font-size:12px;color:var(--fg-muted);margin-top:2px}.ai-engine-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:4px;font-size:10.5px;font-weight:500;letter-spacing:.02em}.ai-engine-tag.primary{background:var(--accent-soft);color:var(--accent)}.ai-engine-tag.connected{background:var(--ok-soft);color:var(--ok)}[data-theme=dark] .ai-engine-tag.connected{color:oklch(75% .14 155)}.ai-engine-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-right:10px}.ai-engine-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.ai-engine-body{padding:16px 20px 18px;border-top:1px solid var(--border);background:var(--bg-sunken);animation:ai-engine-expand .18s cubic-bezier(.3,.7,.4,1)}@keyframes ai-engine-expand{0%{opacity:0;transform:translateY(-4px)}}.report-card{padding:16px;cursor:pointer;transition:border-color .12s,transform .12s}.report-card:hover{border-color:var(--border-strong)}.report-card-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.report-card-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.report-card-icon[data-kind=revenue]{background:var(--ok-soft);color:var(--ok)}.report-card-icon[data-kind=retention]{background:var(--violet-soft);color:oklch(50% .18 295)}.report-card-icon[data-kind=usage]{background:var(--info-soft);color:var(--info)}.report-card-icon[data-kind=growth]{background:var(--accent-soft);color:var(--accent)}.report-card-icon[data-kind=compliance]{background:var(--warn-soft);color:var(--warn)}[data-theme=dark] .report-card-icon[data-kind=retention]{color:oklch(75% .18 295)}.report-card-viz{padding:8px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:8px;margin-bottom:12px}.report-card-meta{display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid var(--border)}.tickets-grid{display:grid;grid-template-columns:360px 1fr;grid-gap:16px;gap:16px;max-height:calc(100vh - 280px)}@media (max-width:1100px){.tickets-grid{grid-template-columns:280px 1fr}}.tickets-list{display:flex;flex-direction:column;overflow:hidden}.tickets-list-items{flex:1 1;overflow-y:auto;min-height:0}.ticket-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:100%;text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);border-left:2px solid transparent;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:4px}.ticket-row:hover{background:var(--bg-hover)}.ticket-row[data-active="1"]{background:var(--accent-soft);border-left-color:var(--accent)}.ticket-priority{width:8px;height:8px;border-radius:50%;display:inline-block}.pri-urgent{background:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}.pri-high{background:var(--warn)}.pri-normal{background:var(--info)}.pri-low{background:var(--fg-faint)}.ticket-priority-pill{font-size:10.5px;padding:2px 7px;border-radius:4px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.ticket-priority-pill.pri-urgent{background:var(--bad-soft);color:var(--bad)}.ticket-priority-pill.pri-high{background:var(--warn-soft);color:var(--warn)}.ticket-priority-pill.pri-normal{background:var(--info-soft);color:var(--info)}.ticket-priority-pill.pri-low{background:var(--bg-hover);color:var(--fg-muted)}.ticket-status{font-size:10.5px;padding:2px 7px;border-radius:4px;font-weight:500;text-transform:capitalize;font-family:var(--font-ui)}.status-open{background:var(--info-soft);color:var(--info)}.status-pending{background:var(--warn-soft);color:oklch(55% .16 75)}.status-on_hold{background:var(--bg-hover);color:var(--fg-muted)}.status-closed{background:var(--ok-soft);color:var(--ok)}[data-theme=dark] .status-closed{color:oklch(75% .14 155)}[data-theme=dark] .status-open{color:oklch(75% .13 240)}[data-theme=dark] .status-pending{color:oklch(80% .16 75)}.ticket-subject{font-size:13px;font-weight:500;line-height:1.35}.ticket-tag{font-size:10px;padding:1px 6px;border-radius:3px;background:var(--bg-hover);color:var(--fg-muted);font-family:var(--font-mono)}.ticket-detail{display:flex;flex-direction:column;overflow:hidden}.ticket-detail-head{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-bottom:1px solid var(--border)}.ticket-thread{flex:1 1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px}.ticket-msg{border:1px solid var(--border);border-radius:10px;background:var(--bg-elev);overflow:hidden}.ticket-msg-agent{background:var(--accent-soft);border-color:var(--accent-soft-strong)}.ticket-msg-system{background:var(--warn-soft);border-color:transparent;border-left:3px solid var(--warn);border-radius:0 8px 8px 0}.ticket-msg-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.ticket-msg-agent .ticket-msg-head,.ticket-msg-system .ticket-msg-head{border-bottom:0;padding-bottom:4px}.ticket-msg-tag{font-size:10px;padding:1px 6px;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.ticket-msg-tag.agent{background:var(--accent);color:white}.ticket-msg-tag.system{background:var(--warn);color:white}.ticket-msg-body{padding:4px 14px 14px;font-size:13px;line-height:1.5}.ticket-msg-agent .ticket-msg-body,.ticket-msg-system .ticket-msg-body{padding-top:8px}.ticket-reply{padding:14px 18px;border-top:1px solid var(--border);background:var(--bg-sunken)}.btn.sm.input,.input.sm{height:28px;padding:0 8px;font-size:12px}.ff-name{display:flex;flex-direction:column;gap:2px;max-width:320px}.ff-env{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;width:100%;cursor:pointer;font-family:inherit;transition:background 80ms}.ff-env-bar,.ff-env:hover{background:var(--bg-hover)}.ff-env-bar{flex:1 1;height:6px;border-radius:3px;overflow:hidden}.ff-env-bar>div{height:100%;transition:width .2s;border-radius:3px}.ff-expanded>td{background:var(--bg-sunken);padding:16px 18px}.ff-expand-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}@media (max-width:1100px){.ff-expand-grid{grid-template-columns:1fr}}.ff-expand-grid input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--val,50%),var(--bg-hover) var(--val,50%));outline:none;margin:8px 0}.ff-expand-grid input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:white;border:1.5px solid var(--accent);box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer}.roles-grid{display:grid;grid-template-columns:320px 1fr;grid-gap:16px;gap:16px}@media (max-width:980px){.roles-grid{grid-template-columns:1fr}}.roles-list{padding:6px;display:flex;flex-direction:column;gap:2px}.role-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:7px;cursor:pointer;font-family:inherit;text-align:left}.role-item:hover{background:var(--bg-hover)}.role-item[data-active="1"]{background:var(--accent-soft)}.role-add{color:var(--fg-muted)}.role-add:hover{color:var(--fg);background:var(--bg-hover)}.role-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.role-dot.role-accent{background:var(--accent)}.role-dot.role-violet{background:oklch(60% .18 295)}.role-dot.role-info{background:var(--info)}.role-dot.role-ok{background:var(--ok)}.role-dot.role-warn{background:var(--warn)}.role-dot.role-muted{background:var(--fg-faint)}.perm-group{border:1px solid var(--border);border-radius:9px;background:var(--bg-elev);margin-bottom:10px;overflow:hidden}.perm-group-h{justify-content:space-between;padding:10px 14px;background:var(--bg-sunken)}.perm-group-h,.perm-row{display:flex;align-items:center;border-bottom:1px solid var(--border)}.perm-row{gap:12px;padding:9px 14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background 80ms}.perm-row:last-child{border-bottom:0}.perm-row:hover{background:var(--bg-hover)}.perm-row[data-disabled="1"]{cursor:not-allowed;opacity:.7}.perm-row[data-on="0"] span{color:var(--fg-muted)}.settings-grid{display:grid;grid-template-columns:220px 1fr;grid-gap:24px;gap:24px}.settings-nav{display:flex;flex-direction:column;gap:1px;position:-webkit-sticky;position:sticky;top:0;align-self:start}.settings-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;text-align:left;padding:7px 10px;border-radius:6px;font-family:inherit;font-size:13px;color:var(--fg-muted);cursor:pointer}.settings-nav button:hover{background:var(--bg-hover);color:var(--fg)}.settings-nav button[data-active="1"]{background:var(--accent-soft);color:var(--accent);font-weight:500}.switch{position:relative;width:32px;height:18px;border:0;border-radius:999px;background:var(--border-strong);cursor:pointer;padding:0;transition:background .15s;flex-shrink:0}.switch[data-on="1"]{background:var(--accent)}.switch i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .15s}.switch[data-on="1"] i{transform:translateX(14px)}.drawer{position:fixed;right:0;top:0;bottom:0;width:520px;max-width:calc(100vw - 40px);background:var(--bg-elev);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:101;display:flex;flex-direction:column;animation:drawer-in .22s cubic-bezier(.3,.7,.4,1)}@keyframes drawer-in{0%{transform:translateX(20px);opacity:0}}.drawer-h{padding:18px 20px;border-bottom:1px solid var(--border)}.drawer-body{flex:1 1;overflow-y:auto;padding:20px}.drawer-foot{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.heat{display:grid;grid-template-columns:repeat(24,1fr);grid-gap:2px;gap:2px}.heat-cell{height:12px;border-radius:2px;background:var(--bg-hover)}.feed{display:flex;flex-direction:column}.feed-i{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.feed-i:last-child{border-bottom:0}.feed-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.feed-meta{flex:1 1;min-width:0}.feed-text{font-size:13px;line-height:1.4}.feed-text b{font-weight:500}.feed-time{font-size:11.5px;color:var(--fg-faint);margin-top:2px}.code{background:var(--bg-sunken);border:1px solid var(--border);border-radius:7px;padding:10px 12px;font-family:var(--font-mono);font-size:12px;color:var(--fg);overflow-x:auto;white-space:pre}.content::-webkit-scrollbar,.drawer-body::-webkit-scrollbar,.editor-list-items::-webkit-scrollbar,.popover-list::-webkit-scrollbar,.preview-pane::-webkit-scrollbar,.tbl-wrap::-webkit-scrollbar{width:10px;height:10px}.content::-webkit-scrollbar-thumb,.drawer-body::-webkit-scrollbar-thumb,.editor-list-items::-webkit-scrollbar-thumb,.popover-list::-webkit-scrollbar-thumb,.preview-pane::-webkit-scrollbar-thumb,.tbl-wrap::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid transparent;background-clip:content-box}.content::-webkit-scrollbar-thumb:hover{background-color:var(--fg-muted);background-clip:content-box}.tbl-wrap{overflow:auto;max-height:100%}