:root{--bg-main: #08090d;--bg-sidebar: #0b0c13;--bg-card: #11131c;--bg-card-hover: #161824;--bg-input: #0c0d14;--bg-elevated: #181a27;--border-subtle: #1a1c29;--border-card: #1e202e;--accent: #6366f1;--accent-base: #4f46e5;--accent-hover: #4338ca;--accent-glow: rgba(79, 70, 229, .28);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-dim: #52525b;--ok: #22c55e;--ok-bg: rgba(34, 197, 94, .12);--warn: #f59e0b;--warn-bg: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .12);--radius: .75rem;--radius-sm: .5rem;--sidebar-w: 264px;--sidebar-w-collapsed: 66px;--topbar-h: 60px;--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}:root[data-theme=light]{--bg-main: #f6f7f9;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f2f5;--bg-input: #ffffff;--bg-elevated: #ffffff;--border-subtle: #e9e9ee;--border-card: #e2e2e9;--accent-glow: rgba(79, 70, 229, .16);--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #71717a;--text-dim: #9a9aa4;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg-main);color:var(--text-primary);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-glow)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.icon{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:15px;height:15px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(400px,100%);background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;padding:30px 28px}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.brand-mark{width:34px;height:34px;border-radius:9px;flex:none;background:linear-gradient(145deg,var(--accent-base),#7c3aed);display:grid;place-items:center;box-shadow:0 0 0 1px #ffffff0f,0 8px 20px -8px var(--accent-glow)}.brand-mark svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2}img.brand-mark{width:30px;height:30px;background:none;box-shadow:0 8px 20px -8px var(--accent-glow)}.brand-name{font-weight:800;font-size:17px;letter-spacing:-.02em}.brand-accent{color:var(--accent)}.auth-card h1{font-size:19px;font-weight:800;margin-bottom:4px}.auth-card .sub{color:var(--text-muted);font-size:13px;margin-bottom:20px}.auth-card .alt{margin-top:16px;font-size:12.5px;color:var(--text-muted);text-align:center}.auth-card .alt a{color:var(--accent);font-weight:700}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:18px 14px;gap:6px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px}.avatar{width:28px;height:28px;border-radius:7px;flex:none;background:linear-gradient(145deg,#4f46e5,#9333ea);display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff}.acct-switch{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-sm);padding:8px 10px;margin-bottom:6px;width:100%;color:var(--text-primary);text-align:left}.acct-switch .who{flex:1;min-width:0}.acct-switch .who b{display:block;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-switch .who span{display:block;font-size:11px;color:var(--text-muted)}.nav-group{margin-top:14px}.nav-label{font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim);padding:0 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13.5px;font-weight:500;border:none;background:transparent;position:relative}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-elevated);color:var(--text-primary);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--accent)}.usage-card{margin-top:auto;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);padding:14px}.usage-card .uc-head{font-size:12px;font-weight:700}.uc-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);display:inline-block;margin-right:7px;vertical-align:middle}.uc-big{font-size:22px;font-weight:800;margin-top:10px;font-variant-numeric:tabular-nums}.uc-big small{font-size:13px;color:var(--text-muted);font-weight:600}.uc-sub{font-size:11px;color:var(--text-muted)}.uc-bar{height:5px;border-radius:3px;background:var(--bg-elevated);margin:8px 0;overflow:hidden}.uc-bar>i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent-base),var(--accent))}.usage-card.upgrade{border-color:color-mix(in srgb,#f59e0b 45%,var(--border-card));background:color-mix(in srgb,#f59e0b 7%,var(--bg-card))}.usage-card.upgrade .uc-dot{background:#f59e0b}.usage-card.upgrade .uc-bar>i{background:linear-gradient(90deg,#f59e0b,#f97316)}.uc-upgrade{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px;padding:7px 10px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:8px;cursor:pointer}.uc-upgrade:hover{filter:brightness(1.06)}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-h);position:sticky;top:0;z-index:20;background:var(--bg-sidebar);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:14px;padding:0 26px}.crumb{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-muted)}.crumb b{color:var(--text-primary);font-weight:600}.topbar .spacer{flex:1}.icon-btn{width:36px;height:36px;border-radius:9px;border:1px solid var(--border-card);background:var(--bg-card);color:var(--text-secondary);display:grid;place-items:center;position:relative}.icon-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.topbar-rel{position:relative}.menu{position:absolute;top:52px;right:0;width:250px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:6px;box-shadow:0 24px 48px -12px #0009;z-index:40}.menu-head{display:flex;align-items:center;gap:10px;padding:10px}.menu-head .who b{font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:7px}.menu-head .who span{font-size:11px;color:var(--text-muted);display:block}.badge-free{font-size:9px;font-weight:800;letter-spacing:.06em;padding:2px 6px;border-radius:99px;background:#6366f129;color:var(--accent);text-transform:uppercase}.menu-sep{height:1px;background:var(--border-subtle);margin:5px 0}.menu button{display:flex;align-items:center;gap:11px;width:100%;border:none;background:transparent;color:var(--text-secondary);font-size:13px;padding:9px 10px;border-radius:7px;text-align:left}.menu button:hover{background:var(--bg-card-hover);color:var(--text-primary)}.menu button.danger{color:var(--danger)}.content{padding:24px 26px 60px;max-width:1440px;width:100%}.banner{display:flex;align-items:center;gap:12px;background:var(--warn-bg);border:1px solid rgba(245,158,11,.28);border-radius:var(--radius);padding:12px 16px;margin-bottom:22px;font-size:13px}.banner svg{color:var(--warn)}.banner .spacer{flex:1}.trial-pill{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.5;color:var(--text-secondary);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius-sm);padding:10px 12px}.trial-pill svg{color:var(--accent);flex:none;margin-top:1px}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head .ph-text{flex:1;min-width:0}.page-head h1{font-size:26px;font-weight:800;letter-spacing:-.025em;text-wrap:balance}.page-head p{color:var(--text-muted);font-size:13.5px;margin-top:3px}.page-head .actions{display:flex;gap:10px;flex:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:9px;font-size:13px;font-weight:700;border:1px solid transparent;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent-base);color:#fff;box-shadow:0 8px 20px -10px var(--accent-glow)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:var(--bg-card);border-color:var(--border-card);color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.35)}.btn-sm{padding:6px 11px;font-size:12px}.btn-block{width:100%;justify-content:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);padding:16px 16px 18px}.stat .st-top{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:12.5px;font-weight:600}.stat .st-ico{width:30px;height:30px;border-radius:8px;background:var(--bg-elevated);display:grid;place-items:center;color:var(--accent)}.stat .st-val{font-size:28px;font-weight:800;margin-top:12px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat .st-delta{font-size:11.5px;font-weight:600;margin-top:2px;color:var(--text-dim)}.grid-2{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:18px}.panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);padding:18px}.panel h3{font-size:14.5px;font-weight:700}.panel .p-sub{font-size:12px;color:var(--text-muted);margin:2px 0 14px}.panel-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head-row h3{margin:0}.link{font-size:12px;font-weight:700;color:var(--accent)}.bars{display:flex;align-items:flex-end;gap:20px;height:180px;padding-top:10px}.bars .bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.bars .bar{width:100%;max-width:60px;border-radius:5px 5px 0 0;background:var(--accent-base);min-height:4px}.bars .bar-label{font-size:11px;color:var(--text-muted)}.bars .bar-val{font-size:11px;color:var(--text-secondary);font-weight:700;font-variant-numeric:tabular-nums}.mt-row{display:flex;align-items:center;gap:12px;margin-bottom:13px;font-size:12.5px}.mt-row .mt-name{width:92px;color:var(--text-secondary);flex:none}.mt-row .mt-track{flex:1;height:8px;border-radius:4px;background:var(--bg-elevated);overflow:hidden}.mt-row .mt-track>i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-base),var(--accent))}.mt-row .mt-pct{width:42px;text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none}.feed{display:flex;flex-direction:column}.feed-item{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.feed-item:last-child{border-bottom:none}.feed-ico{width:32px;height:32px;border-radius:8px;background:var(--bg-elevated);display:grid;place-items:center;color:var(--text-secondary);flex:none}.feed-item .fi-main{flex:1;min-width:0}.feed-item .fi-main b{font-size:13px;font-weight:600}.feed-item .fi-main span{display:block;font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-item .fi-time{font-size:11.5px;color:var(--text-dim);flex:none}code.tok{font-family:var(--mono);font-size:11.5px;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border-card);padding:1px 6px;border-radius:5px;word-break:break-all}.toolbar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.search{flex:1;min-width:220px;display:flex;align-items:center;gap:9px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-sm);padding:9px 13px;color:var(--text-muted)}.search input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:13px;outline:none}.segmented{display:flex;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-sm);padding:3px;flex-wrap:wrap}.segmented button{border:none;background:transparent;color:var(--text-muted);font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:6px}.segmented button.active{background:var(--accent-base);color:#fff}.inst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.inst{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.inst .i-head{display:flex;align-items:flex-start;gap:11px}.inst .i-logo{width:38px;height:38px;border-radius:9px;background:var(--bg-elevated);display:grid;place-items:center;color:var(--accent);flex:none}.inst .i-head .i-name{flex:1;min-width:0}.inst .i-head .i-name b{font-size:14px;font-weight:700;display:block}.inst .i-head .i-name span{font-size:11.5px;color:var(--text-muted)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.ok{color:var(--ok);background:var(--ok-bg)}.pill.warn{color:var(--warn);background:var(--warn-bg)}.pill.off{color:var(--text-muted);background:var(--bg-elevated)}.pill.danger{color:var(--danger);background:var(--danger-bg)}.inst .i-meta{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-muted)}.inst .i-meta div{display:flex;align-items:center;gap:7px}.inst .i-foot{display:flex;gap:8px;padding-top:4px;border-top:1px solid var(--border-subtle);flex-wrap:wrap}.empty{background:var(--bg-card);border:1px dashed var(--border-card);border-radius:var(--radius);padding:64px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.empty .e-ico{width:52px;height:52px;border-radius:14px;background:var(--bg-elevated);display:grid;place-items:center;color:var(--accent);margin-bottom:10px}.empty h3{font-size:17px;font-weight:700}.empty p{color:var(--text-muted);font-size:13px;max-width:340px}.empty .btn{margin-top:14px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.plan{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:14px;position:relative}.plan.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 20px 40px -24px var(--accent-glow)}.plan .p-tag{position:absolute;top:-10px;left:22px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--accent-base);color:#fff;padding:3px 9px;border-radius:99px}.plan h3{font-size:16px;font-weight:800}.plan .p-price{font-size:30px;font-weight:800;letter-spacing:-.02em}.plan .p-price small{font-size:13px;color:var(--text-muted);font-weight:600}.plan .p-desc{font-size:12.5px;color:var(--text-muted)}.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.plan li{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:var(--text-secondary)}.plan li svg{color:var(--ok);margin-top:1px;flex:none}.plan .btn{justify-content:center;margin-top:auto}.card-table{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:640px}th{text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);padding:13px 16px;border-bottom:1px solid var(--border-subtle);white-space:nowrap}td{padding:13px 16px;border-bottom:1px solid var(--border-subtle);font-size:13px;vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg-card-hover)}.u-cell{display:flex;align-items:center;gap:10px}.u-cell b{font-weight:600}.u-cell span{font-size:11.5px;color:var(--text-muted);display:block}.tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;background:var(--bg-elevated);color:var(--text-secondary)}.tag.role{background:#6366f124;color:var(--accent)}.tag.danger{background:var(--danger-bg);color:var(--danger)}.num{font-variant-numeric:tabular-nums;text-align:right}.form-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);padding:22px;max-width:640px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.field .hint{font-size:11px;color:var(--text-dim);margin-top:5px}.input{width:100%;max-width:100%;background:var(--bg-input);border:1px solid var(--border-card);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text-primary);font-size:13px;outline:none}textarea.input{resize:vertical}.input:focus{border-color:var(--accent)}.input-row{display:flex;align-items:center;gap:4px;background:var(--bg-input);border:1px solid var(--border-card);border-radius:var(--radius-sm)}.input-row input{flex:1;border:none;background:transparent;padding:9px 12px;color:var(--text-primary);font-size:13px;outline:none;min-width:0}.input-row button{border:none;background:transparent;color:var(--text-muted);padding:0 12px;height:38px}.input-row button:hover{color:var(--accent)}.pw-meter{display:flex;align-items:center;gap:4px;margin-top:8px}.pw-meter i{height:4px;flex:1;border-radius:2px;background:var(--border-card);transition:background .15s}.pw-meter span{font-size:11px;color:var(--text-dim);margin-left:6px;white-space:nowrap}.pw-meter.s1 i:nth-child(-n+1),.pw-meter.s2 i:nth-child(-n+2),.pw-meter.s3 i:nth-child(-n+3),.pw-meter.s4 i:nth-child(-n+4){background:var(--accent)}.pw-meter.s1 i:nth-child(-n+1){background:var(--danger)}.pw-meter.s2 i:nth-child(-n+2){background:#e0a63a}.pw-reqs{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:7px}.pw-reqs span{font-size:11px;color:var(--text-dim);position:relative;padding-left:14px}.pw-reqs span:before{content:"○";position:absolute;left:0}.pw-reqs span.ok{color:var(--ok)}.pw-reqs span.ok:before{content:"✓"}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--border-subtle)}.toggle-row:last-child{border-bottom:none}.callout{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-card);border-radius:var(--radius-sm);padding:10px 12px}.callout .icon{flex:none;margin-top:1px;color:var(--text-muted)}.integ-card{border:1px solid var(--border-card);border-radius:var(--radius);padding:18px;margin-bottom:16px;background:var(--bg-card)}.integ-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--border-card);border-radius:var(--radius);background:var(--bg-card);padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:border-color .12s,background .12s}.integ-row:hover{border-color:var(--accent);background:var(--bg-elevated)}.integ-row-text{flex:1;min-width:0}.integ-row-text b{font-size:14px;display:block}.integ-row-text span{font-size:12px;color:var(--text-muted);display:block;margin-top:2px}.integ-row-chev{color:var(--text-dim);flex:none;transform:rotate(-90deg)}.warmup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.warmup-card{margin-bottom:0}.warmup-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.warmup-card-head b{display:flex;align-items:center;gap:4px;font-size:13px}.warmup-card-head svg{transform:rotate(-90deg);color:var(--text-dim)}.warmup-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--text-muted);margin-bottom:10px}.progress{height:6px;border-radius:999px;background:var(--bg-elevated);overflow:hidden;margin-bottom:10px}.progress-bar{height:100%;background:var(--accent);border-radius:999px;transition:width .2s}.warmup-actions{display:flex;gap:8px}.integ-row:hover .integ-row-chev{color:var(--accent)}.integ-head{display:flex;gap:12px;margin-bottom:16px}.integ-ico{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#fff}.integ-ico .icon{width:20px;height:20px}.integ-ico.cw{background:#1f93ff}.integ-ico.tb{background:#0042da}.integ-title b{font-size:14px;display:flex;align-items:center;gap:8px}.integ-title span{font-size:12px;color:var(--text-muted);display:block;margin-top:3px}.integ-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.integ-actions{display:flex;gap:8px;margin-top:14px}@media (max-width: 560px){.integ-grid2{grid-template-columns:1fr}}.toggle-row .tr-text b{font-size:13px;font-weight:600;display:block}.toggle-row .tr-text span{font-size:11.5px;color:var(--text-muted)}.switch{width:38px;height:22px;border-radius:99px;background:var(--bg-elevated);border:1px solid var(--border-card);position:relative;flex:none;transition:background .15s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:.15s}.switch.on{background:var(--accent-base);border-color:var(--accent-base)}.switch.on:after{left:18px;background:#fff}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#04050a80;backdrop-filter:blur(9px) saturate(.85);-webkit-backdrop-filter:blur(9px) saturate(.85);display:flex;align-items:center;justify-content:center;padding:24px;animation:overlay-in .18s ease-out}@keyframes overlay-in{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1}}.modal{width:min(920px,100%);max-height:88vh;background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 80px -20px #0009;animation:modal-in .24s cubic-bezier(.16,1,.3,1)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.overlay,.modal{animation:none}}.modal-head{display:flex;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid var(--border-subtle)}.modal-head .mh-ico{width:38px;height:38px;border-radius:10px;background:var(--accent-base);display:grid;place-items:center;color:#fff;flex:none}.modal-head h2{font-size:16px;font-weight:800}.modal-head p{font-size:12px;color:var(--text-muted)}.modal-head .spacer{flex:1}.modal-body{display:grid;grid-template-columns:190px 1fr;min-height:320px}.modal-rail{border-right:1px solid var(--border-subtle);padding:16px 12px;display:flex;flex-direction:column;gap:3px}.modal-rail .mr-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);padding:10px 10px 5px}.modal-rail button{display:flex;align-items:center;gap:10px;border:none;background:transparent;color:var(--text-secondary);font-size:12.5px;font-weight:500;padding:8px 10px;border-radius:7px;text-align:left}.modal-rail button:hover{background:var(--bg-card-hover);color:var(--text-primary)}.modal-rail button.active{background:var(--bg-elevated);color:var(--text-primary);font-weight:600}.modal-pane{padding:22px;overflow-y:auto;overflow-x:hidden;min-width:0}.modal-pane .mp-title{font-size:14px;font-weight:700}.modal-pane .mp-sub{font-size:12px;color:var(--text-muted);margin-bottom:18px}.modal-foot{display:flex;align-items:center;gap:10px;padding:15px 20px;border-top:1px solid var(--border-subtle)}.modal-foot .spacer{flex:1}.req-star{color:var(--danger)}.qr-box{background:#fff;border-radius:12px;padding:14px;display:grid;place-items:center;width:232px;height:232px;margin:0 auto}.qr-box img{width:100%;height:100%;object-fit:contain}.qr-box--empty{background:var(--bg-elevated);border:1px dashed var(--border-card);color:var(--text-muted)}.qr-box--empty svg{width:40px;height:40px}.conn-grid{display:grid;grid-template-columns:minmax(240px,280px) 1fr;gap:26px;align-items:start}@media (max-width: 640px){.conn-grid{grid-template-columns:1fr}}.conn-action{text-align:center}.pair-code{font-family:var(--font-mono, monospace);font-size:30px;font-weight:700;letter-spacing:4px;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-card);border-radius:12px;padding:18px 10px}.conn-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.conn-steps li{display:flex;gap:12px;font-size:13.5px;line-height:1.5;color:var(--text-secondary, var(--text-muted))}.conn-steps li span{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:var(--accent-base)}.conn-steps li b{color:var(--text-primary)}.conn-card{display:flex;align-items:center;gap:14px;margin-top:12px;padding:13px 16px;border:1px solid var(--border-card);border-radius:14px;background:var(--bg-elevated)}.conn-card .cc-text{display:flex;flex-direction:column;gap:2px;min-width:0}.conn-card .cc-text b{font-size:14.5px;color:var(--text-primary);display:flex;align-items:center}.conn-card .cc-text span{font-size:12.5px;color:var(--text-muted)}.conn-card .conn-dot{margin-left:auto;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px color-mix(in srgb,#22c55e 25%,transparent)}.conn-success{padding:28px 26px 22px;text-align:center}.conn-success h2{margin:14px 0 4px;font-size:20px}.conn-success-check{width:62px;height:62px;margin:0 auto;border-radius:50%;display:grid;place-items:center;color:#fff;background:#22c55e;box-shadow:0 0 0 8px color-mix(in srgb,#22c55e 18%,transparent)}.conn-success-check svg{width:30px;height:30px}.toast-wrap{position:fixed;top:18px;right:18px;z-index:200;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{--toast-accent: var(--accent);pointer-events:auto;position:relative;display:flex;align-items:center;gap:11px;padding:13px 40px 13px 13px;min-width:280px;max-width:400px;font-size:13px;font-weight:500;line-height:1.45;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-card);border-radius:13px;box-shadow:0 1px 2px #00000014,0 20px 45px -14px #0006;overflow:hidden;animation:toast-in .26s cubic-bezier(.16,1,.3,1)}.toast.ok{--toast-accent: #22c55e}.toast.err{--toast-accent: #ef4444}.toast-ico{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:#fff;background:var(--toast-accent)}.toast-ico svg{width:14px;height:14px;stroke-width:2.4}.toast-msg{flex:1;min-width:0}.toast-x{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:22px;height:22px;padding:0;color:var(--text-dim);background:none;border:none;border-radius:6px}.toast-x:hover{color:var(--text-primary);background:var(--bg-card-hover)}.toast-bar{position:absolute;left:0;bottom:0;height:2.5px;width:100%;transform-origin:left;background:var(--toast-accent);opacity:.55;animation:toast-bar 3.8s linear forwards}@keyframes toast-in{0%{opacity:0;transform:translate(20px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.spinner{width:18px;height:18px;border:2px solid var(--border-card);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-load{min-height:200px;display:grid;place-items:center}.err-text{color:var(--danger);font-size:12.5px;margin-top:8px}@media (max-width: 1080px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}.menu-toggle{flex:none}.drawer-close{display:none}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#02040a8c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:overlay-in .18s ease-out}@media (min-width: 821px){.sidebar-backdrop{display:none}.app{transition:grid-template-columns .16s ease}.app.collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.app.collapsed .sidebar{padding-left:10px;padding-right:10px}.app.collapsed .brand-name,.app.collapsed .nav-label,.app.collapsed .nav-text,.app.collapsed .acct-switch .who,.app.collapsed .usage-card{display:none}.app.collapsed .brand{justify-content:center;padding-left:0;padding-right:0}.app.collapsed .acct-switch{justify-content:center;padding:8px}.app.collapsed .nav-item{justify-content:center;padding:9px 0}.app.collapsed .nav-item.active:before{left:-10px}.app.collapsed .nav-item .nav-badge{position:absolute;top:2px;right:4px}}@media (max-width: 820px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100dvh;width:min(85vw,300px);z-index:100;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 48px #00000073}.sidebar.open{transform:none}.drawer-close{display:grid;margin-left:auto;width:30px;height:30px}.brand{padding-right:4px}.topbar{padding:0 12px;gap:10px}.content{padding:18px 14px 84px}.page-head{flex-wrap:wrap}.modal-body{grid-template-columns:1fr}.modal-rail{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border-subtle)}}@media (max-width: 480px){.content{padding:14px 10px 84px}.topbar{padding:0 8px}.crumb{font-size:12px}}.bell-dot{position:absolute;top:2px;right:2px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;font-size:9px;font-weight:700;color:#fff;background:var(--danger);border-radius:8px}.notif-menu{width:380px;max-width:calc(100vw - 24px);padding:0;border-radius:14px;overflow:hidden}.notif-head{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.notif-head b{font-size:14.5px;font-weight:800}.notif-head .nh-actions{display:flex;align-items:center;gap:8px}.notif-head .nh-sep{color:var(--text-dim);font-size:11px}.notif-act{font-size:11.5px;font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;padding:2px;border-radius:6px;white-space:nowrap}.notif-act:hover{text-decoration:underline}.notif-list{max-height:420px;overflow-y:auto}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:44px 20px;font-size:13px;color:var(--text-dim);text-align:center}.notif-empty .e-ico{width:40px;height:40px;border-radius:12px;background:var(--bg-elevated);display:grid;place-items:center;color:var(--text-dim)}.notif-item{display:flex;align-items:stretch;border-bottom:1px solid var(--border-subtle);transition:background .12s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-card-hover)}.notif-item .ni-body,.notif-item.alert{display:flex;gap:11px;flex:1;min-width:0;padding:12px 8px 12px 16px;text-align:left;background:none;border:none;cursor:pointer}.notif-item.alert{width:100%;background:color-mix(in srgb,#f5b544 8%,transparent);border-bottom:1px solid var(--border-subtle)}.notif-item .ni-dot{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--accent)}.notif-item.read .ni-dot{background:var(--border-card)}.notif-item.lvl-ok .ni-dot{background:#22c55e}.notif-item.lvl-warn .ni-dot{background:#f5b544}.notif-item .ni-body>div,.notif-item.alert>div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.notif-item b{font-size:13px;font-weight:700;color:var(--text-primary);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item.read b{font-weight:500;color:var(--text-secondary)}.notif-item .ni-sub{font-size:12px;color:var(--text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item .ni-time{font-size:11px;color:var(--text-dim);margin-top:1px}.notif-item .ni-actions{display:flex;align-items:center;gap:2px;padding:0 10px 0 0}.notif-item .ni-actions button{display:grid;place-items:center;width:26px;height:26px;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-card);border-radius:7px;cursor:pointer}.notif-item .ni-actions button:hover{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--accent)}.notif-item .ni-actions .ni-act-read{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,var(--border-card))}.notif-item .ni-actions .ni-act-read:hover{color:#fff;background:var(--ok);border-color:var(--ok)}.notif-item .ni-actions .ni-act-del{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border-card))}.notif-item .ni-actions .ni-act-del:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.support-fab{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;color:#fff;background:#22c55e;border-radius:999px;box-shadow:0 10px 30px -8px #22c55e8c;text-decoration:none}.support-fab:hover{background:#16a34a}.support-fab svg{stroke:#fff}@media (max-width: 720px){.support-fab span{display:none}.support-fab{padding:12px}}.nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;color:#fff;background:var(--danger);border-radius:9px}.remember-row{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12.5px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.remember-row input{accent-color:var(--accent)}.tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--border-subtle)}.tabs .tab{padding:9px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer}.tabs .tab.on{color:var(--text-primary);border-bottom-color:var(--accent)}.log-toolbar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.live-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.log-view{max-height:62vh;overflow-y:auto;padding:6px 0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.log-line{display:flex;gap:10px;align-items:baseline;padding:5px 14px;border-bottom:1px solid var(--border-subtle)}.log-line:hover{background:var(--bg-card-hover)}.log-line .ll-time{flex:none;color:var(--text-dim);white-space:nowrap}.log-line .ll-lvl{flex:none;width:46px;font-weight:700;color:var(--text-secondary)}.log-line.lvl-error .ll-lvl{color:#ef4444}.log-line.lvl-warn .ll-lvl{color:#f5b544}.log-line.lvl-info .ll-lvl{color:#38bdf8}.log-line .ll-msg{flex:1;white-space:pre-wrap;word-break:break-word;color:var(--text-primary)}.log-line .ll-copy{flex:none;opacity:0;background:none;border:none;color:var(--text-dim);cursor:pointer}.log-line:hover .ll-copy{opacity:1}.pay-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.pay-opts{grid-template-columns:1fr}}.pay-opt{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 16px;color:var(--text-primary);background:var(--bg-input);border:1.5px solid var(--border-card);border-radius:14px;cursor:pointer;transition:border-color .15s,background .15s}.pay-opt:hover:not(.disabled){border-color:var(--accent)}.pay-opt.sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-input))}.pay-opt.disabled{opacity:.5;cursor:not-allowed}.pay-opt .po-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;margin-bottom:4px;color:#fff;background:var(--accent)}.pay-opt .po-ico svg{width:24px;height:24px;stroke-width:1.7}.pay-opt b{font-size:14px;font-weight:700}.pay-opt>span:last-child{font-size:11.5px;line-height:1.4;color:var(--text-secondary)}.imp-bar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:13px;font-weight:500;color:#1a1205;background:linear-gradient(90deg,#f5b544,#f0a020);border-bottom:1px solid rgba(0,0,0,.15)}.imp-bar b{font-weight:700}.imp-bar button{margin-left:auto;padding:5px 12px;font:inherit;font-weight:600;color:#1a1205;background:#ffffff8c;border:1px solid rgba(0,0,0,.2);border-radius:7px;cursor:pointer}.imp-bar button:hover{background:#ffffffd9}.pg-warn{display:flex;align-items:center;gap:8px;margin:12px 0;padding:9px 12px;font-size:12.5px;border-radius:8px;color:var(--warn);background:var(--warn-bg)}.pg{display:grid;grid-template-columns:210px 1fr;gap:16px;margin-top:12px}.pg-list{display:flex;flex-direction:column;gap:10px;max-height:62vh;overflow-y:auto}.pg-glabel{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);padding:4px 8px}.pg-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:7px 9px;font-size:12.5px;color:var(--text-secondary);background:none;border:none;border-radius:7px;cursor:pointer}.pg-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.pg-item.on{background:var(--bg-elevated);color:var(--text-primary);font-weight:600}.pg-m{font-family:var(--mono);font-size:9.5px;font-weight:800;letter-spacing:.03em;padding:2px 5px;border-radius:4px;color:#fff;flex-shrink:0}.pg-m.get{background:#2f9e6e}.pg-m.post{background:#3b74d6}.pg-editor{min-width:0}.pg-ep{display:flex;align-items:center;gap:10px;margin-bottom:14px}.pg-ep code{font-family:var(--mono);font-size:12.5px;color:var(--text-primary);font-weight:600}.pg-json{font-family:var(--mono);font-size:12px;line-height:1.55;resize:vertical;white-space:pre;overflow-wrap:normal}.pg-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pg-res{margin-top:14px;border:1px solid var(--border-card);border-radius:10px;overflow:hidden}.pg-res.ok{border-color:color-mix(in srgb,var(--ok) 40%,var(--border-card))}.pg-res.err{border-color:color-mix(in srgb,var(--danger) 40%,var(--border-card))}.pg-res-head{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:12px;color:var(--text-dim);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.pg-res pre{margin:0;padding:12px 14px;max-height:340px;overflow:auto;font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--text-primary);white-space:pre}@media (max-width: 720px){.pg{grid-template-columns:1fr}.pg-list{flex-direction:row;flex-wrap:wrap;max-height:none}}.status-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);padding:16px}.check-row{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.check-row input{width:auto;margin:0;flex:none}.status-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 -4px;padding:10px 18px;font-size:13px;font-weight:500;text-decoration:none;border-bottom:1px solid var(--border-card)}.status-strip.warn{background:#e0a53b1f;color:var(--text-primary)}.status-strip.danger{background:#e5484d21;color:var(--text-primary)}.status-strip .ss-link{color:var(--accent, #6c5ce7);font-weight:600;white-space:nowrap}

/* Business integrations + developer platform */
.integration-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin:0 0 18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--bg-card)),var(--bg-card));border:1px solid var(--border-card);border-radius:16px}.integration-hero>div:first-child{display:flex;gap:14px;align-items:center}.integration-hero>div:first-child>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:#fff}.integration-hero p,.integration-section p,.connection-card p,.api-onboard-card p{color:var(--text-secondary);font-size:12.5px}.integration-steps{display:flex;gap:6px;flex-wrap:wrap}.integration-steps span,.api-chip-row span{padding:6px 9px;border:1px solid var(--border-card);border-radius:999px;background:var(--bg-elevated);font-size:11px;color:var(--text-secondary)}.integration-section{margin-top:18px;padding:18px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px}.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.connection-card{padding:15px;border:1px solid var(--border-card);border-radius:13px;background:var(--bg-main);min-width:0}.connection-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.connection-logo{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--bg-elevated);color:var(--accent)}.connection-card h3{font-size:14px;margin-bottom:3px}.connection-card>small{display:block;margin-top:8px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:14px}.dev-api-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.api-onboard-card{position:relative;padding:18px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;min-width:0}.api-onboard-card h3{font-size:15px;margin:10px 0 6px}.step-pill{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:800}.api-code{margin:12px 0 0;padding:13px;max-width:100%;overflow:auto;border:1px solid var(--border-card);border-radius:10px;background:var(--bg-input);font:11.5px/1.55 var(--mono);color:var(--text-primary);white-space:pre}.api-chip-row{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.mono{font-family:var(--mono)!important}.empty.friendly{padding:34px 20px;text-align:center}.empty.friendly .e-ico{margin:0 auto 10px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--bg-elevated);color:var(--accent)}
@media(max-width:1000px){.connection-grid,.dev-api-grid{grid-template-columns:1fr 1fr}.integration-hero{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.connection-grid,.dev-api-grid{grid-template-columns:1fr}.integration-section{padding:14px}.integration-steps{width:100%}.integration-steps span{flex:1;text-align:center}}