:root{--canvas:#f4f6f8;--surface:#ffffff;--glass:#ffffffb8;--ink:#17212d;--muted:#83909d;--border:#e9edf1;--accent:#008d6a;--accent-soft:#e5f5ee;--blue:#408aef;--purple:#8870df;--red:#e76079;--shadow:0 4px 20px #18324604,0 1px 3px #17212d03;--radius:18px;color-scheme:light}html[data-theme=dark]{--canvas:#141a21;--surface:#1e2630;--glass:#1b232dea;--ink:#e7edf4;--muted:#9aa9ba;--border:#303b48;--accent:#59d9ad;--accent-soft:#213e36;--shadow:0 8px 24px #0002;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:13px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #48b795;outline-offset:3px}[hidden]{display:none!important}.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.premium-shell{display:grid;grid-template-columns:224px minmax(0,1fr);height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 70% 0,#b7d9dd24,transparent 55%),var(--canvas)}.premium-sidebar{background:var(--glass);backdrop-filter:blur(28px);border-right:1px solid var(--border);padding:22px 15px 14px;display:flex;flex-direction:column;min-height:0}.window-dots{display:flex;gap:7px;margin:0 13px 22px}.window-dots i{width:10px;height:10px;background:#ff6058;border:1px solid #0000000a;border-radius:50%}.window-dots i:nth-child(2){background:#ffbd2e}.window-dots i:nth-child(3){background:#28c840}.premium-brand{display:flex;align-items:center;gap:10px;padding:0 10px 29px}.app-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:white;background:linear-gradient(145deg,#29c792,#008d68);box-shadow:0 5px 12px #008d682a,inset 0 1px 1px #ffffff80}.app-logo .icon{width:25px;height:25px}.brand-word{font-size:21px;letter-spacing:-1px;font-weight:750}.brand-caption{font-size:9px;letter-spacing:2px;color:var(--muted)}.nav-caption{font-size:9px;letter-spacing:1.7px;color:var(--muted);padding:0 13px;margin:10px 0}.premium-nav{display:flex;flex-direction:column;gap:3px;overflow:auto;scrollbar-width:none}.premium-nav a{display:flex;align-items:center;gap:12px;border-radius:10px;padding:10px 12px;color:#6e7b89;font-size:12px;font-weight:500;transition:background .15s}.premium-nav a .icon{width:18px;height:18px}.premium-nav a:hover{background:var(--border);color:var(--ink)}.premium-nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.premium-nav a.active:after{content:'';width:5px;height:5px;background:var(--accent);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:18px}.workspace-card{padding:14px;background:linear-gradient(145deg,var(--accent-soft),var(--surface));border:1px solid var(--border);border-radius:13px;margin:0 4px 14px}.workspace-card small{color:var(--muted);font-size:10px}.workspace-card strong{display:block;margin:4px 0;font-size:13px}.workspace-card a{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--accent);margin-top:14px}.sidebar-user{display:flex;align-items:center;gap:9px;padding:8px}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#e9ebf8;color:#767cba;border-radius:50%;font-weight:650;flex-shrink:0}.sidebar-user .icon{width:17px}.sidebar-user small{display:block;color:var(--muted);font-size:10px}.sidebar-user a:last-child{margin-left:auto;color:var(--muted)}.premium-body{min-width:0;min-height:0;display:flex;flex-direction:column}.premium-topbar{height:70px;flex:none;display:flex;align-items:center;gap:17px;padding:0 30px;border-bottom:1px solid var(--border);background:var(--glass);backdrop-filter:blur(20px)}.toolbar-breadcrumb{color:var(--muted);font-size:12px}.toolbar-breadcrumb strong{color:var(--ink);font-weight:500;margin-left:9px}.top-spacer{flex:1}.searchbox{display:flex;align-items:center;gap:9px;background:var(--canvas);border:1px solid var(--border);border-radius:9px;padding:8px 12px;width:min(270px,30vw);color:var(--muted)}.searchbox input{background:none;border:none;outline:none!important;padding:0;height:auto;width:100%;font-size:11px;color:var(--ink);box-shadow:none}.searchbox kbd{font-size:9px;border:1px solid var(--border);border-radius:4px;padding:0 4px;white-space:nowrap}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid transparent;background:transparent;border-radius:9px;color:var(--muted);position:relative}.icon-button:hover{background:var(--border);color:var(--ink)}.notification-dot{position:absolute;width:6px;height:6px;background:var(--red);border-radius:50%;right:6px;top:5px;border:1px solid var(--surface)}.top-user{display:flex;align-items:center;gap:10px;border-left:1px solid var(--border);padding-left:20px;font-size:12px}.top-user small{display:block;font-size:10px;color:var(--muted)}.workspace-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:none;padding:27px 30px 20px}.workspace-scroll::-webkit-scrollbar{display:none}.workspace-content{max-width:1540px;margin:auto}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.eyeline{font-size:10px;color:var(--muted);margin-bottom:7px}.workspace-heading h1{font-size:27px;letter-spacing:-1.1px;line-height:1.2;margin:0 0 8px;font-weight:650}.workspace-heading p{font-size:12px;color:var(--muted);margin:0}.heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:9px 13px;min-height:37px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:11px;font-weight:550;white-space:nowrap;box-shadow:0 1px 2px #18283703}.btn .icon{width:15px;height:15px}.btn:hover{filter:brightness(.97);border-color:#b9c8c2}.btn-green{background:linear-gradient(180deg,#0ca279,#008a65);border-color:#008966;color:white;box-shadow:0 3px 7px #008d6818,inset 0 1px 0 #ffffff25}.btn-danger{color:var(--red)}.btn-link{border:0;box-shadow:none;background:none;padding:0;color:var(--accent);min-height:24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric{padding:19px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);position:relative;overflow:hidden}.metric-top{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.metric-symbol{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.metric:nth-child(2) .metric-symbol{background:#edf3fe;color:var(--blue)}.metric:nth-child(3) .metric-symbol{background:#f1edfc;color:var(--purple)}.metric:nth-child(4) .metric-symbol{background:#fff0f2;color:var(--red)}.metric strong{font-size:30px;font-weight:650;letter-spacing:-1px;display:block;margin-top:8px}.metric small{color:var(--muted);font-size:10px}.metric .mini-bars{position:absolute;right:20px;bottom:27px;display:flex;align-items:flex-end;gap:4px;height:25px;opacity:.65}.mini-bars i{display:block;width:5px;background:var(--accent-soft);border-radius:2px}.dashboard-middle{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-bottom:18px}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:21px;min-width:0}.surface-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.surface-head h2{font-size:14px;letter-spacing:-.3px;font-weight:650;margin:0}.surface-head small{font-size:10px;color:var(--muted)}.surface-head .btn-link{font-size:10px}.account-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.account-row:last-child{border:0;padding-bottom:0}.account-row .app-logo{width:36px;height:36px;border-radius:11px;box-shadow:none}.account-info{min-width:0;flex:1}.account-info strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-info small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:3px 7px;font-size:9px;white-space:nowrap;background:var(--accent-soft);color:var(--accent);font-weight:550}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.warn{color:#b18a3a;background:#fcf4e4}.badge.error{color:#ce667c;background:#fff0f2}.account-count{font-size:12px;text-align:center;width:55px}.account-count small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.chat-preview{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:10px 0}.chat-preview:last-child{border:0}.chat-preview .avatar{width:32px;height:32px;font-size:11px}.chat-preview .chat-summary{flex:1;min-width:0}.chat-summary strong{font-size:11px;display:block;font-weight:600}.chat-summary p{margin:3px 0 0;color:var(--muted);font-size:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chat-preview time{color:var(--muted);font-size:9px}.dashboard-bottom{display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:18px}.chart-wrap{height:145px;display:flex;gap:10px}.chart-scale{display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:9px;text-align:right;padding-bottom:19px}.bar-chart{display:flex;flex:1;align-items:flex-end;gap:7px;position:relative;border-bottom:1px solid var(--border);padding:6px 5px 20px;background:repeating-linear-gradient(to top,transparent,transparent 30px,var(--border) 31px,transparent 32px)}.bar-group{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;position:relative}.bar-group i{width:8px;max-width:40%;background:linear-gradient(#32c99b,#008d6a);border-radius:3px 3px 0 0;min-height:2px}.bar-group i.received{background:#ace6ce}.bar-group small{position:absolute;bottom:-19px;font-size:8px;color:var(--muted)}.chart-legend{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:16px;font-size:9px;color:var(--muted)}.legend-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--accent);margin-right:5px}.donut-layout{display:flex;align-items:center;justify-content:center;gap:25px;min-height:157px}.donut{width:134px;height:134px;border-radius:50%;position:relative;display:grid;place-items:center;flex-shrink:0;background:conic-gradient(var(--accent) 0deg,var(--border) 0deg)}.donut:before{content:'';position:absolute;inset:14px;background:var(--surface);border-radius:50%}.donut div{z-index:1;text-align:center}.donut strong{font-size:22px;letter-spacing:-.8px;display:block}.donut small{font-size:9px;color:var(--muted)}.donut-legend{font-size:10px;line-height:2.3;color:var(--muted)}.donut-legend strong{display:block;color:var(--ink);font-size:18px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-action{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid #0091690c;border-radius:12px;background:linear-gradient(135deg,#effaf3,#f6fcf8);padding:14px;color:#078e67;text-align:left;min-height:91px}.quick-action:nth-child(2){background:linear-gradient(135deg,#edf4fe,#f5f9ff);color:#468eeb;border-color:#408aef0c}.quick-action:nth-child(3){background:linear-gradient(135deg,#fff6e7,#fffaf1);color:#c89945;border-color:#c899450c}.quick-action:nth-child(4){background:linear-gradient(135deg,#f1edff,#f7f5ff);color:#9475d6;border-color:#9475d60c}.quick-action strong{font-size:10px;color:#263943}.quick-action small{font-size:9px;opacity:.8}.quick-action:hover{transform:translateY(-1px)}.empty{padding:30px 16px;text-align:center;color:var(--muted)}.empty .icon{width:30px;height:30px;stroke-width:1.2;margin-bottom:10px;color:#aab7c0}.empty strong{display:block;color:var(--ink);font-size:12px;margin-bottom:5px;font-weight:550}.empty p{font-size:11px;margin:0 auto 13px;max-width:260px;line-height:1.7}.workspace-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:18px}.live-label{display:flex;align-items:center;gap:5px}.live-label i{width:5px;height:5px;background:var(--accent);border-radius:50%}.notice{padding:12px 16px;border:1px solid #eedfbb;border-radius:10px;background:#fffaef;color:#99753a;font-size:12px;margin-bottom:18px}.filters{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.filters input{flex:1;min-width:150px}.field-label{display:block;margin:14px 0 6px;font-size:11px;font-weight:550;color:var(--ink)}.control{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:9px;padding:10px 12px;outline:none;max-width:100%;height:auto;width:auto;font-size:12px}.control:focus{border-color:var(--accent);box-shadow:0 0 0 3px #008d6812}.control.full{width:100%}textarea.control{resize:vertical;min-height:105px;line-height:1.7}select.control{min-width:165px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;color:var(--muted);font-weight:500;padding:12px 14px;background:var(--canvas)}td{font-size:12px;padding:14px;border-bottom:1px solid var(--border)}td small{display:block;color:var(--muted);font-size:10px}.table-actions{display:flex;gap:6px}.table-actions .btn{padding:6px 10px;min-height:29px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.resource-card{display:flex;flex-direction:column}.resource-card h3{font-size:14px;margin:12px 0 8px}.resource-card p{font-size:12px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;flex:1}.resource-card .heading-actions{margin-top:16px}.chat-workspace{height:calc(100dvh - 245px);min-height:390px;display:grid;grid-template-columns:290px 1fr;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface)}.chat-list{border-right:1px solid var(--border);overflow:auto;padding:13px;scrollbar-width:thin}.chat-list button{width:100%;background:transparent;border:0;text-align:left;color:var(--ink);border-radius:9px;padding:12px 8px}.chat-list button:hover,.chat-list button.selected{background:var(--accent-soft)}.chat-room{min-width:0;min-height:0;display:flex;flex-direction:column}.chat-room-head{padding:16px 20px;border-bottom:1px solid var(--border);font-size:12px}.chat-stream{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(ellipse at top,#008d6806,transparent);scrollbar-width:thin}.chat-bubble{padding:12px 15px;max-width:78%;border:1px solid var(--border);border-radius:13px 13px 13px 3px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;align-self:flex-start;background:var(--surface)}.chat-bubble.outgoing{align-self:flex-end;background:var(--accent-soft);border-color:transparent;border-radius:13px 13px 3px 13px}.chat-bubble small{display:block;font-size:9px;color:var(--muted);text-align:right;margin-top:6px}.chat-composer{display:flex;gap:10px;padding:15px;border-top:1px solid var(--border)}.chat-composer input{flex:1;min-width:0}.loader{display:grid;place-items:center;min-height:320px;color:var(--muted);font-size:12px}.loader:before{content:'';width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:premium-spin .8s linear infinite;margin-bottom:12px}@keyframes premium-spin{to{transform:rotate(360deg)}}.premium-dialog{border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--ink);padding:28px;width:min(520px,calc(100vw - 30px));max-height:88dvh;box-shadow:0 30px 100px #0003;overflow:auto}.premium-dialog::backdrop{background:#18273645;backdrop-filter:blur(5px)}.dialog-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dialog-title h2{font-size:19px;margin:0;letter-spacing:-.6px}.dialog-description{font-size:12px;color:var(--muted);line-height:1.7}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-error{font-size:12px;color:var(--red);margin-top:12px}.dialog-form .btn{font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;max-width:90vw;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--ink);box-shadow:0 12px 40px #18273622;z-index:100;font-size:12px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.help-grid details{margin:0;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.help-grid summary{font-size:12px;font-weight:550;cursor:pointer}.help-grid p{font-size:12px;color:var(--muted);line-height:1.8;margin:12px 0 0}pre.api-code{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--canvas);padding:18px;border-radius:12px;font-size:11px;color:var(--ink)}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--border)}.subtle{font-size:11px;color:var(--muted)}.mobile-nav-toggle{display:none}html[data-theme=dark] .quick-action{background:var(--canvas)}html[data-theme=dark] .quick-action strong{color:var(--ink)}html[data-theme=dark] .premium-nav a{color:var(--muted)}html[data-theme=dark] .premium-nav a.active{color:var(--accent)}.premium-body .connect-main{padding:0}.premium-body .panel,.premium-body .stat-card{background:var(--surface);border-color:var(--border);color:var(--ink);box-shadow:var(--shadow)}.premium-body .panel h2{font-size:21px}.premium-body .muted{color:var(--muted)}.premium-body .page-heading h1{color:var(--ink)}.premium-body .secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}.premium-body .field input{background:var(--canvas);border-color:var(--border);color:var(--ink)}.premium-body .tip{background:var(--canvas);color:var(--muted)}.premium-body .tip strong{color:var(--ink)}.premium-body .session-note strong{color:var(--ink)}.premium-body .primary{background:#008d6a}.premium-body .step-number{background:var(--accent-soft);color:var(--accent)}.premium-body .eyebrow{color:var(--accent)}.premium-body .session-note{color:var(--muted)}.premium-shell.sidebar-collapsed{grid-template-columns:76px 1fr}.sidebar-collapsed .premium-brand>div:last-child,.sidebar-collapsed .nav-caption,.sidebar-collapsed .premium-nav a span,.sidebar-collapsed .workspace-card,.sidebar-collapsed .sidebar-user>div,.sidebar-collapsed .sidebar-user>a:last-child,.sidebar-collapsed .window-dots{display:none}.sidebar-collapsed .premium-brand{padding:10px 3px 25px}.sidebar-collapsed .premium-nav a{justify-content:center}.sidebar-collapsed .premium-nav a.active:after{display:none}.sidebar-collapsed .sidebar-user{padding:8px 4px}
@media(min-width:1500px){.workspace-scroll{padding:32px 40px}.premium-topbar{padding:0 40px}.metrics{margin-bottom:23px}.metric{padding:22px}.dashboard-middle{margin-bottom:22px}.surface{padding:24px}.account-row{padding:17px 0}.chat-preview{padding:13px 0}.chart-wrap{height:165px}.quick-action{min-height:99px}}
@media(max-height:800px) and (min-width:1100px){.premium-topbar{height:58px}.workspace-scroll{padding-top:19px}.workspace-heading{margin-bottom:16px}.workspace-heading h1{font-size:24px}.metric{padding:13px 17px}.metric strong{font-size:25px;margin-top:4px}.metrics{margin-bottom:15px}.surface{padding:16px 18px}.surface-head{margin-bottom:12px}.account-row{padding:10px 0}.chat-preview{padding:8px 0}.dashboard-middle{margin-bottom:15px}.chart-wrap{height:112px}.donut{width:116px;height:116px}.donut-layout{min-height:130px}.quick-action{min-height:77px;padding:10px}.premium-nav a{padding:8px 12px}.premium-brand{padding-bottom:18px}.sidebar-bottom{padding-top:12px}.workspace-footer{margin-top:12px}}
@media(max-width:1150px){.premium-shell{grid-template-columns:196px 1fr}.premium-sidebar{padding-left:10px;padding-right:10px}.workspace-scroll{padding:22px}.premium-topbar{padding:0 22px;gap:10px}.searchbox{width:200px}.heading-actions{gap:6px}.heading-actions .btn{padding:8px 10px}.dashboard-bottom{grid-template-columns:1.2fr 1fr}.dashboard-bottom>.surface:last-child{grid-column:1/-1}.quick-actions{grid-template-columns:repeat(4,1fr)}.resource-grid{grid-template-columns:1fr 1fr}.metric{padding:15px}.account-count{display:none}.donut-layout{gap:15px}}
@media(max-width:800px){.premium-shell{grid-template-columns:1fr}.premium-sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:230px;transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 70px #0002}.premium-shell.menu-open .premium-sidebar{transform:none}.mobile-nav-toggle{display:grid}.desktop-nav-toggle{display:none}.premium-topbar{height:62px;padding:0 16px;gap:8px}.toolbar-breadcrumb{display:none}.searchbox{width:auto;flex:1}.searchbox kbd{display:none}.top-spacer{display:none}.top-user{border:0;padding:0}.top-user>div:last-child{display:none}.workspace-scroll{padding:20px 16px}.workspace-heading{align-items:flex-start;flex-direction:column;gap:16px}.workspace-heading h1{font-size:25px}.heading-actions{width:100%;gap:8px}.metrics{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.metric{padding:15px}.metric strong{font-size:26px}.metric .mini-bars{display:none}.dashboard-middle,.dashboard-bottom{grid-template-columns:1fr;gap:14px}.dashboard-bottom>.surface:last-child{grid-column:auto}.quick-actions{grid-template-columns:1fr 1fr}.resource-grid,.help-grid{grid-template-columns:1fr}.surface{padding:18px}.chat-workspace{grid-template-columns:1fr;min-height:550px;height:calc(100dvh - 260px)}.chat-list{max-height:135px;border-right:0;border-bottom:1px solid var(--border)}.chat-room{min-height:350px}.chat-stream{padding:15px}.chat-bubble{max-width:90%}.workspace-footer{gap:10px;flex-wrap:wrap}.premium-shell.sidebar-collapsed{grid-template-columns:1fr}.filters select{width:100%}.chat-composer{padding:10px;gap:7px}.chat-composer .btn{padding:9px}.premium-body .connect-grid{grid-template-columns:1fr}.premium-body .page-heading{display:block}.premium-body .page-heading .secondary{display:inline-block;margin-top:14px}.top-user .avatar{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.brand-caption{font-size:8px;letter-spacing:1.25px;white-space:nowrap}
@media(min-width:1151px) and (max-height:1000px){.workspace-scroll{padding:24px 30px 16px}.workspace-heading{margin-bottom:20px}.metrics{margin-bottom:18px}.metric{padding:16px 20px}.metric strong{font-size:28px;line-height:1.2;margin:8px 0 4px}.metric-symbol{width:27px;height:27px}.surface{padding:18px 21px}.surface-head{margin-bottom:14px}.account-row{padding:13px 0}.chat-preview{padding:8px 0}.dashboard-middle{margin-bottom:18px}.chart-wrap{height:130px}.quick-action{min-height:84px;padding:11px}.donut-layout{min-height:150px}.workspace-footer{margin-top:14px}}
/* Readable interface: solid surfaces, clear type, and complete empty states. */
:root{--canvas:#f1f4f7;--glass:#fff;--ink:#152333;--muted:#526477;--border:#dce3ea;--accent:#007d5d;--accent-soft:#e5f4ed}
html[data-theme=dark]{--canvas:#141a21;--glass:#1e2630;--ink:#edf3fa;--muted:#b1bfd0;--border:#3a4655;--accent:#62dfb3;--accent-soft:#213e36}
body{font-size:14px;-webkit-font-smoothing:auto}
.premium-shell{background:var(--canvas)}
.premium-sidebar,.premium-topbar{background:var(--surface);backdrop-filter:none}
.premium-dialog::backdrop{backdrop-filter:none;background:#15233366}
.premium-nav a{font-size:14px;color:var(--muted);font-weight:500;padding-top:11px;padding-bottom:11px}
.premium-nav a .icon{width:20px;height:20px}.nav-caption{font-size:10px;letter-spacing:1px}
.brand-caption{font-size:9px;letter-spacing:.6px}.workspace-card small,.workspace-card a,.sidebar-user small{font-size:12px}
.sidebar-user strong{font-size:13px!important}.sidebar-user>div{min-width:0;overflow-wrap:anywhere}
.toolbar-breadcrumb,.top-user{font-size:14px}.top-user small{font-size:12px}.searchbox{min-height:40px}.searchbox input{font-size:14px}
.workspace-heading h1{font-size:30px;letter-spacing:-.8px;line-height:1.25}.workspace-heading p{font-size:15px;line-height:1.65}.eyeline{font-size:12px}
.btn{font-size:13px;min-height:41px;padding:10px 15px}.btn-green{background:#008761;border-color:#007b58}.btn .icon{width:17px;height:17px}
.control{font-size:14px;min-height:42px}.control::placeholder{color:var(--muted);opacity:1}.field-label{font-size:14px}
.surface-head h2{font-size:17px}.surface-head small,.surface-head .btn-link{font-size:12px}
.metric-top{font-size:13px}.metric small{font-size:12px}.account-info strong{font-size:14px}.account-info small{font-size:12px}
.badge{font-size:11px;padding:4px 8px}.account-count{font-size:14px}.account-count small{font-size:11px}
.chat-summary strong{font-size:14px}.chat-summary p,.chat-preview time{font-size:12px}.chat-preview{gap:12px}
.chart-scale,.bar-group small,.chart-legend,.donut small,.donut-legend{font-size:11px}
.quick-action strong{font-size:13px}.quick-action small{font-size:11px}.quick-action{min-height:96px}
.workspace-footer{font-size:11px}.subtle{font-size:14px;line-height:1.75}.resource-card h3{font-size:17px}.resource-card p{font-size:14px}
th{font-size:12px}td{font-size:14px}td small{font-size:12px}.table-actions .btn{font-size:12px}
.dialog-description,.dialog-error,.dialog-form .btn{font-size:14px}.dialog-title h2{font-size:22px}.premium-dialog{width:min(560px,calc(100vw - 30px))}
.help-grid summary{font-size:15px}.help-grid p{font-size:14px}.chat-room-head,.chat-bubble{font-size:14px}.chat-bubble small{font-size:11px}
pre.api-code{font-size:13px;line-height:1.8;border:1px solid var(--border);background:var(--canvas)}
.empty{padding:38px 24px}.empty>strong{font-size:18px;line-height:1.4}.empty>p{font-size:14px;max-width:470px;line-height:1.8;margin:10px auto 20px}
.empty>.icon{width:36px;height:36px;color:var(--accent);margin-bottom:16px}.empty .btn .icon{width:17px;height:17px;margin:0;color:inherit;stroke-width:1.7}
.onboarding{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center;padding:36px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}
.onboarding-symbol{width:52px;height:52px;background:var(--accent-soft);color:var(--accent);border-radius:15px;display:grid;place-items:center;margin-bottom:22px}.onboarding-symbol .icon{width:27px;height:27px}
.onboarding h2{font-size:24px;letter-spacing:-.5px;margin:0 0 12px}.onboarding p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 22px;max-width:520px}
.onboarding .step-list{display:flex;flex-direction:column;gap:20px;margin-top:26px}.onboarding-step{display:flex;align-items:flex-start;gap:12px}.onboarding-step>b{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:50%;width:27px;height:27px;flex:none;font-size:12px}.onboarding-step strong{font-size:14px;display:block;margin-bottom:3px}.onboarding-step span{font-size:13px;color:var(--muted)}
.setup-preview{padding:25px;background:var(--canvas);border:1px solid var(--border);border-radius:14px}.setup-preview .preview-caption{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}.preview-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--border);font-size:14px}.preview-row:last-child{border:0}.preview-row span{color:var(--muted)}.preview-message{background:var(--surface);padding:18px;border-radius:12px;border:1px solid var(--border);font-size:14px;line-height:1.8;margin:14px 0}.preview-message.outgoing{background:var(--accent-soft);border-color:transparent;margin-left:35px}.preview-message small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.setup-preview .preview-footnote{font-size:12px;color:var(--muted);margin:16px 0 0}
.resource-grid>.empty{grid-column:1/-1;background:var(--surface);border:1px solid var(--border);border-radius:16px}
#workspace[data-section=campaigns]>.surface:has(>.onboarding){padding:0;border:0;background:transparent;box-shadow:none}
@media(min-width:1151px){.premium-shell:not(.sidebar-collapsed){grid-template-columns:238px minmax(0,1fr)}.workspace-content{max-width:1440px}.workspace-scroll{padding:30px 36px}.premium-brand{padding-bottom:22px}.window-dots{margin-bottom:19px}.workspace-heading{margin-bottom:26px}}
@media(max-height:800px) and (min-width:801px){.premium-sidebar{padding-top:14px}.window-dots{margin-bottom:14px}.premium-brand{padding-bottom:16px}.premium-nav a{padding-top:8px;padding-bottom:8px}.sidebar-bottom .workspace-card{display:none}.workspace-scroll{padding-top:22px}.workspace-heading h1{font-size:27px}.onboarding{padding:26px;gap:26px}}
@media(max-width:1150px){.onboarding{gap:24px;padding:26px}.onboarding h2{font-size:22px}.setup-preview{padding:19px}}
@media(max-width:800px){.workspace-scroll{padding:22px 16px}.workspace-heading h1{font-size:26px}.workspace-heading p{font-size:14px}.onboarding{grid-template-columns:1fr;padding:24px;gap:28px}.onboarding h2{font-size:22px}.onboarding p{font-size:14px}.onboarding .step-list{gap:16px}.setup-preview{padding:19px}.metric{padding:15px}.metric-top{font-size:12px}.metric small{font-size:11px}.badge{font-size:10px}.account-info small{font-size:11px}.heading-actions .btn{font-size:12px}.top-user>div:last-child{display:none}.premium-sidebar{background:var(--surface)}.searchbox{min-width:0}.searchbox input{min-width:0}.resource-grid>.empty{padding:25px 18px}}
@media(min-height:801px) and (min-width:801px){.premium-nav a{padding-top:9px;padding-bottom:9px}.premium-nav{gap:2px}}
@media(min-width:1151px){#workspace[data-section=integrations]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:start}#workspace[data-section=integrations]>.workspace-heading,#workspace[data-section=integrations]>.filters{grid-column:1/-1;margin-bottom:0}#workspace[data-section=integrations]>#resource-list{min-width:0;grid-template-columns:1fr}#workspace[data-section=integrations]>.surface{margin-top:0!important}#workspace[data-section=integrations] .onboarding{grid-template-columns:1fr;gap:24px;padding:28px}#workspace[data-section=integrations] .step-list{display:none}#workspace[data-section=integrations] .setup-preview{padding:18px}#workspace[data-section=integrations] .preview-row{padding:10px 0}}