:root{color-scheme:light;--bg:#f7f8fb;--surface:#fff;--surface-alt:#fafafe;--sidebar:#fff;--text:#20232f;--muted:#7c8195;--faint:#a1a6b6;--border:#e9eaf1;--border-strong:#d9dce7;--accent:#7860ed;--accent-hover:#6750d8;--accent-soft:#f0ecff;--accent-text:#7259df;--green:#159774;--green-soft:#eaf8f3;--amber:#b48026;--amber-soft:#fff6e5;--red:#c95466;--red-soft:#fff0f2;--shadow:0 3px 6px #24243b02,0 12px 38px #292d4a05;--modal-shadow:0 32px 100px #22203529;--skeleton:#eef0f6;--skeleton-shine:#f9faff;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#101116;--surface:#181920;--surface-alt:#1d1e27;--sidebar:#15161d;--text:#ececf4;--muted:#9093a7;--faint:#686d82;--border:#292b37;--border-strong:#3a3d50;--accent:#917bff;--accent-hover:#a592ff;--accent-soft:#2a2440;--accent-text:#ae9cff;--green:#54c9a5;--green-soft:#1b322d;--amber:#dfb76c;--amber-soft:#342c20;--red:#ec8b9d;--red-soft:#37242b;--shadow:0 12px 38px #0000000b;--modal-shadow:0 32px 100px #0008;--skeleton:#252734;--skeleton-shine:#303342}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.58}button,a,input{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 50%,transparent)}input{width:100%;height:46px;border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;color:var(--text);padding:0 14px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--faint)}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input[readonly]{color:var(--muted);background:var(--surface-alt)}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent)}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.3px;line-height:1.2;font-weight:650}h2{font-size:20px;letter-spacing:-.5px;font-weight:640}h3{font-size:15px;font-weight:620}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.muted{color:var(--muted)}.icon{flex:none;vertical-align:middle}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.button{min-height:40px;padding:9px 15px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:1.5;font-weight:600;white-space:nowrap;transition:background .15s,box-shadow .15s,transform .15s}.button:hover{background:var(--surface-alt);border-color:var(--faint)}.button:active{transform:translateY(1px)}.button .icon{width:17px;height:17px}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 5px #7460e51a,0 6px 15px #7460e516}.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button.subtle{border-color:transparent;background:transparent;color:var(--muted)}.button.danger{color:var(--red);background:var(--red-soft);border-color:color-mix(in srgb,var(--red) 22%,transparent)}.button.small{min-height:33px;padding:6px 11px;font-size:11px}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--muted);flex:none}.icon-button:hover{background:var(--surface-alt);border-color:var(--border);color:var(--text)}.icon-button .icon{width:18px;height:18px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#9581ff,#775fe8);color:white;width:33px;height:33px;border-radius:10px;box-shadow:0 3px 7px #8063e827}.brand-mark svg{width:25px;height:25px;stroke-width:1.3}.brand-divider{height:21px;width:1px;background:var(--border-strong);margin:0 4px}.brand-product{font-weight:500;font-size:14px;letter-spacing:-.2px;color:var(--muted)}.product-tag{font-size:10px;font-weight:600;letter-spacing:.1px;background:var(--accent-soft);color:var(--accent-text);padding:3px 7px;border-radius:5px;margin:4px 0 0 -4px}.status-dot{width:6px;height:6px;background:var(--green);border-radius:50%;display:inline-block;flex:none}.avatar{display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-text);width:35px;height:35px;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:50%;font-size:12px;font-weight:600}.avatar.small{width:29px;height:29px;font-size:10px}
/* Workspace */
.sidebar{position:fixed;inset:0 auto 0 0;width:234px;background:var(--sidebar);border-right:1px solid var(--border);padding:28px 18px 0;display:flex;flex-direction:column;z-index:30}.sidebar>.brand{padding:0 6px;margin-bottom:35px}.workspace-card{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);margin-bottom:33px}.workspace-avatar{height:32px;width:32px;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;color:var(--accent)}.workspace-avatar .icon{width:17px;height:17px}.workspace-card>div{min-width:0;flex:1}.workspace-card strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:620}.workspace-card div>span{font-size:10px;color:var(--muted)}.nav-label{font-size:9px;font-weight:650;letter-spacing:1.4px;color:var(--faint);padding:0 13px;margin-bottom:10px}.nav-item{display:flex;gap:12px;align-items:center;height:43px;padding:0 13px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:550;margin:4px 0;transition:background .15s}.nav-item:hover{background:var(--surface-alt);color:var(--text)}.nav-item .icon{height:18px;width:18px}.nav-item.active{background:var(--accent-soft);color:var(--accent-text)}.nav-active-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto}.sidebar-bottom{margin-top:auto}.private-note{display:flex;align-items:center;gap:10px;padding:17px 9px;margin-top:24px;color:var(--muted)}.private-note .icon{width:17px;height:17px}.private-note strong{display:block;font-size:10px;font-weight:550}.private-note span{display:block;font-size:9px;margin-top:2px;color:var(--faint)}.admin-row{border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:18px 5px 20px}.admin-row>div{flex:1;line-height:1.5}.admin-row strong{font-size:11px;font-weight:600;display:block}.admin-row span:not(.avatar){font-size:10px;color:var(--muted)}.admin-row form{margin:0}.main-shell{margin-left:234px;min-height:100vh;display:flex;flex-direction:column;min-width:0}.topbar{height:73px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted)}.breadcrumb strong{color:var(--text);font-weight:550}.slash{color:var(--border-strong)}.topbar-actions{display:flex;gap:16px;align-items:center}.connection-label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.topbar-divider{width:1px;height:18px;background:var(--border)}.content{padding:36px 38px 30px;flex:1;min-width:0;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:8px}.page-heading h1{margin-bottom:9px}.page-heading p{font-size:12px}.page-heading #page-actions{display:flex;align-items:center;gap:10px;flex:none}.app-footer{padding:15px 38px 22px;display:flex;justify-content:space-between;gap:12px;color:var(--faint);font-size:9px}.footer-dot{padding:0 6px}.mobile-menu{display:none}.sidebar-scrim{position:fixed;inset:0;border:0;background:#0c0c1955;z-index:29}
/* Data surfaces */
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 19px;box-shadow:var(--shadow);min-width:0}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);font-weight:500}.metric-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--surface-alt);color:var(--muted);border:1px solid var(--border)}.metric-icon .icon{width:15px;height:15px}.metric-value{font-size:30px;font-weight:630;letter-spacing:-1px;margin-top:10px;line-height:1.25;font-variant-numeric:tabular-nums}.metric-foot{font-size:10px;color:var(--faint);margin-top:11px;display:flex;align-items:center;gap:5px}.metric-foot .icon{width:12px;height:12px}.metric-foot .accent{color:var(--accent-text)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.panel-header{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.panel-header h2{font-size:14px;letter-spacing:-.2px;display:flex;align-items:center;gap:9px}.count-pill{font-size:10px;padding:1px 6px;border:1px solid var(--border);border-radius:5px;font-weight:500;color:var(--muted);background:var(--surface-alt)}.panel-header p{font-size:10px;color:var(--muted);margin-top:3px}.panel-tools{display:flex;gap:9px;align-items:center}.search-field{position:relative;width:225px}.search-field>.icon{position:absolute;left:12px;top:11px;width:15px;height:15px;color:var(--faint)}.search-field input{height:37px;border-color:var(--border);font-size:11px;padding-left:35px;background:var(--surface-alt)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}thead{background:var(--surface-alt)}th{color:var(--muted);font-weight:550;font-size:10px;letter-spacing:.1px;padding:12px 20px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:18px 20px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .15s}tbody tr:hover{background:var(--surface-alt)}.cell-main{display:flex;align-items:center;gap:11px;min-width:160px}.campaign-icon{width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--surface-alt);color:var(--muted);display:grid;place-items:center;flex:none}.campaign-icon .icon{width:17px;height:17px}.cell-main strong,.cell-title{font-weight:600;display:block;color:var(--text);font-size:11px;max-width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-main strong:hover{color:var(--accent)}.cell-sub{font-size:9px;color:var(--faint);margin-top:3px;max-width:290px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.number{font-variant-numeric:tabular-nums;white-space:nowrap}.rate-value{font-weight:600;color:var(--accent-text)}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:9px;border-radius:6px;white-space:nowrap;background:var(--surface-alt);color:var(--muted);border:1px solid var(--border)}.status-badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.status-badge.active{color:var(--green);background:var(--green-soft);border-color:transparent}.status-badge.paused{color:var(--amber);background:var(--amber-soft);border-color:transparent}.status-badge.completed{color:var(--accent-text);background:var(--accent-soft);border-color:transparent}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-top:1px solid var(--border);gap:12px;color:var(--faint);font-size:10px}.pagination{display:flex;align-items:center;gap:12px}.pagination .icon-button{width:27px;height:27px;border:1px solid var(--border);border-radius:6px}.pagination .back{transform:rotate(180deg)}.subtle-info{display:flex;align-items:flex-start;gap:8px;margin-top:16px;font-size:10px;color:var(--muted)}.subtle-info .icon{width:14px;height:14px;margin-top:1px}.subtle-info a{color:var(--accent-text)}.below-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.mini-panel{display:flex;align-items:flex-start;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:18px 20px}.mini-panel>.icon{color:var(--accent);background:var(--accent-soft);width:33px;height:33px;border-radius:8px;padding:8px}.mini-panel h3{font-size:11px;margin:1px 0 5px}.mini-panel p{font-size:10px;color:var(--muted);max-width:400px;line-height:1.7}.mini-panel>a{margin-left:auto;color:var(--muted)}
/* Custom dropdowns and empty states */
.dropdown{position:relative;display:inline-block}.dropdown-toggle{height:37px;min-height:37px;padding:7px 11px;font-size:10px;gap:11px;border-color:var(--border)}.dropdown-toggle>.icon{width:14px;height:14px}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:175px;padding:5px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 10px 36px #1416271a;z-index:15}.dropdown-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:6px;background:transparent;padding:8px 10px;font-size:11px;color:var(--muted);text-align:left;white-space:nowrap;gap:10px}.dropdown-menu button:hover,.dropdown-menu button:focus{background:var(--surface-alt);color:var(--text);outline:none}.dropdown-menu button[aria-selected=true]{color:var(--accent-text);background:var(--accent-soft)}.dropdown-menu .icon{width:14px;height:14px}/* Empty states use the same table and columns as their live rows. */
.table-stage{position:relative}.table-stage.is-empty .placeholder-rows{opacity:.65;mask-image:linear-gradient(#0009,transparent 90%)}
.empty-state{position:absolute;inset:39px 0 0;display:grid;place-items:center;padding:24px 20px;pointer-events:none}
.empty-copy{position:relative;text-align:center;width:min(430px,100%);padding:20px 22px;background:radial-gradient(ellipse at center,var(--surface) 55%,transparent 75%);pointer-events:auto}
.empty-icon{display:grid;place-items:center;margin:0 auto 16px;width:54px;height:54px;border-radius:15px;background:var(--surface);border:1px solid var(--border);color:var(--accent);box-shadow:0 3px 5px #26243d03,0 7px 18px #26243d07;transform:rotate(-5deg)}.empty-icon .icon{transform:rotate(5deg);width:25px;height:25px}.empty-copy h3{font-size:15px;letter-spacing:-.2px;margin-bottom:8px}.empty-copy p{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:20px}.empty-copy .button{font-size:11px;min-height:37px}.empty-copy .empty-note{display:block;font-size:9px;color:var(--faint);margin-top:12px}
/* Shared geometry for the first paint, empty state and populated reports. */
.report-table{table-layout:fixed;min-width:820px}.report-table td{height:73px}.report-table .cell-main{min-width:0}.report-table .cell-main>div{min-width:0;flex:1}.report-table .cell-main strong,.report-table .cell-sub,.report-table .cell-title{max-width:100%}.report-table .inline-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.campaign-table .col-name{width:29%}.campaign-table .col-status{width:11%}.campaign-table .col-variants{width:16%}.campaign-table .col-sent{width:9%}.campaign-table .col-visits{width:13%}.campaign-table .col-rate{width:12%}.campaign-table .col-report{width:10%}
.breakdown-table .col-name{width:26%}.breakdown-table .col-campaign{width:22%}.breakdown-table .col-sent{width:15%}.breakdown-table .col-visited{width:11%}.breakdown-table .col-visits{width:14%}.breakdown-table .col-rate{width:12%}.breakdown-table.single-campaign{min-width:650px}.breakdown-table.single-campaign .col-name{width:38%}.breakdown-table.single-campaign .col-sent{width:18%}.breakdown-table.single-campaign .col-visited{width:14%}.breakdown-table.single-campaign .col-visits{width:16%}.breakdown-table.single-campaign .col-rate{width:14%}
/* Shimmer is exclusive to requests in progress; a confirmed empty state is still. */
.sk{display:block;position:relative;overflow:hidden;isolation:isolate;flex-shrink:0;background:var(--skeleton);border-radius:5px;height:9px;max-width:100%}.is-loading .sk:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 15%,var(--skeleton-shine) 50%,transparent 85%);transform:translateX(-100%);animation:skeleton-sweep 1.8s ease-in-out infinite}
.sk-line{width:100%}.sk-name{width:145px}.sk-url{width:205px}.sk-sub{width:97px;height:7px;margin-top:7px}.sk-foot{width:175px;height:8px}.sk-number{width:31px;height:10px}.sk-badge{width:55px;height:22px;border-radius:6px}.sk-avatar{width:34px;height:34px;border-radius:9px}.sk-action{width:28px;height:28px;border-radius:7px}.sk-count{width:22px;height:10px;margin:3px 0}.sk-value{width:67px;height:29px;margin:0;border-radius:7px}.sk-cell{min-width:0;flex:1}.placeholder-rows tr:nth-child(2n) .sk-name{width:112px}.placeholder-rows tr:nth-child(3n) .sk-name{width:168px}.placeholder-rows tr:nth-child(2n) .sk-sub{width:78px}.placeholder-rows tr:hover{background:transparent}.placeholder-rows .sk-number{max-width:70%}
.sk-field{width:100%;height:42px;border-radius:8px;flex-shrink:1}.sk-square{width:42px;height:42px;border-radius:8px}.sk-key{width:230px;height:18px}.sk-button{width:112px;height:33px;border-radius:7px}.sk-theme{flex:1;height:44px;border-radius:9px}.sk-form-label{flex:1;min-width:0}.name-form>.sk-button{width:83px;height:40px}.sk-form-label .sk-field{height:40px}.sk-description{margin:3px 0 0}.security-row .sk-button{margin-top:10px}.security-row .sk-description .sk-sub{width:70%}.sk-audit{width:55%;flex:1;height:10px}.sk-date{width:62px;height:8px}.audit-list .sk{margin-block:3px}.audit-empty{align-items:flex-start!important;gap:12px!important;padding:9px 0!important}.audit-empty>.icon{width:24px;height:24px;color:var(--accent);flex:none}.audit-empty strong{font-size:11px}.audit-empty p{margin-top:5px;font-size:10px}
.sk-chart-guides{stroke:var(--border);stroke-dasharray:3 5;stroke-width:1}.sk-chart-shapes{fill:var(--skeleton)}.is-loading .sk-chart-shapes{animation:skeleton-glow 1.8s ease-in-out infinite}@keyframes skeleton-glow{50%{fill:var(--skeleton-shine)}}.chart-foot.is-loading{min-height:32px}.connection-label .loading-dots{color:var(--accent);height:12px}.connection-label .loading-dots i{width:3px;height:3px}
@keyframes skeleton-sweep{to{transform:translateX(100%)}}

/* Analytics */
.analysis-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}.analysis-heading>a{color:var(--muted)}.analysis-heading .icon{width:16px;height:16px}.analysis-heading strong{font-size:12px}.chart-panel{margin-bottom:22px}.chart-legend{display:flex;align-items:center;gap:17px;font-size:9px;color:var(--muted)}.chart-legend span{display:flex;gap:6px;align-items:center}.legend-dot{width:7px;height:7px;border-radius:2px;background:var(--accent)}.legend-dot.soft{background:var(--border-strong)}.chart-body{padding:23px 24px 16px;position:relative}.chart-svg{width:100%;height:210px;display:block;overflow:visible}.chart-grid{stroke:var(--border);stroke-dasharray:3 5;stroke-width:1}.chart-axis{fill:var(--faint);font:10px var(--font)}.chart-line{stroke:var(--accent);stroke-width:2.5;fill:none}.chart-area{fill:var(--accent);opacity:.08}.chart-point{fill:var(--surface);stroke:var(--accent);stroke-width:2}.chart-bar{fill:var(--skeleton)}.chart-empty-label{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;text-align:center;padding:20px}.chart-empty-label>div{max-width:330px;border:1px solid var(--border);border-radius:11px;padding:18px 23px;background:var(--surface);box-shadow:var(--shadow)}.chart-empty-label .icon{width:23px;height:23px;color:var(--accent);margin-bottom:9px}.chart-empty-label strong{display:block;font-size:12px}.chart-empty-label p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:6px}.chart-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:var(--faint);padding:0 24px 18px}.section-gap{margin-top:22px}.inline-link{color:var(--accent-text);font-size:10px}.table-tabs{display:flex;gap:18px;align-items:center}.table-tab{padding:0;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:550}.table-tab[aria-selected=true]{color:var(--accent-text)}.detail-url{max-width:290px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:var(--muted)}.badge-neutral{font-size:8px;border-radius:4px;background:var(--surface-alt);border:1px solid var(--border);padding:1px 4px;color:var(--faint);margin-left:5px}
/* Settings */
.settings-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:22px;align-items:start}.settings-column{display:flex;flex-direction:column;gap:22px}.settings-body{padding:22px}.settings-body p{font-size:11px;color:var(--muted);line-height:1.8}.setting-label{display:block;font-size:11px;font-weight:550;margin-bottom:7px}.setting-group+.setting-group{margin-top:22px}.setting-group input{height:42px;font-size:11px}.copy-field{display:flex;align-items:center;gap:8px}.copy-field input{min-width:0;font-family:var(--font)}.copy-field>.button{flex:none;height:42px;width:42px;padding:0}.key-card{border:1px solid var(--border);border-radius:10px;padding:15px 16px;background:var(--surface-alt);margin-top:16px}.key-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.key-card-header strong{font-size:11px;font-weight:600}.scope-badge{font-size:8px;border:1px solid var(--border-strong);border-radius:4px;padding:2px 6px;color:var(--muted)}.key-preview{font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;margin-bottom:14px;color:var(--muted)}.key-actions{display:flex;gap:6px;flex-wrap:wrap}.key-card .key-meta{font-size:9px;color:var(--faint);margin-top:13px}.security-row{display:flex;align-items:flex-start;gap:12px;padding:18px 0;border-bottom:1px solid var(--border)}.security-row:first-child{padding-top:0}.security-row:last-child{border:0;padding-bottom:0}.security-row>.icon{color:var(--muted);width:17px;height:17px;margin-top:2px}.security-row>div{flex:1;min-width:0}.security-row h3{font-size:11px;display:flex;gap:7px;align-items:center}.security-row p{font-size:10px;margin-top:3px}.security-row .button{margin-top:10px}.theme-options{display:flex;gap:10px;margin-top:12px}.theme-option{flex:1;text-align:left;border:1px solid var(--border-strong);border-radius:9px;padding:12px;color:var(--muted);background:var(--surface);font-size:10px;display:flex;align-items:center;gap:8px}.theme-option[aria-pressed=true]{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.theme-option .icon{width:16px;height:16px}.audit-list{list-style:none;padding:0;margin:0}.audit-list li{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:10px}.audit-list li:last-child{border:0}.audit-dot{width:5px;height:5px;background:var(--border-strong);border-radius:50%;flex:none}.audit-list li>span:nth-child(2){flex:1}.audit-list time{font-size:9px;color:var(--faint);white-space:nowrap}.settings-note{display:flex;gap:9px;align-items:flex-start;padding:15px 17px;background:var(--accent-soft);color:var(--accent-text);border-radius:10px;font-size:10px;line-height:1.8}.settings-note>.icon{width:16px;height:16px;margin-top:2px}.name-form{display:flex;align-items:flex-end;gap:9px}.name-form label{flex:1;min-width:0;font-size:11px}.name-form input{height:40px;font-size:11px}
/* Dialogs, feedback, tooltips */
dialog{width:min(470px,calc(100vw - 32px));max-height:calc(100dvh - 48px);border:1px solid var(--border);border-radius:17px;background:var(--surface);color:var(--text);padding:0;box-shadow:var(--modal-shadow);overflow:auto}dialog::backdrop{background:#11142166;backdrop-filter:blur(5px)}.modal-heading{padding:25px 26px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.modal-heading h2{font-size:20px;padding-top:4px}.modal-heading .icon-button{margin:-5px -9px 0 0}.modal-body{padding:13px 26px 25px}.modal-body>p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:20px}.modal-body label{margin-bottom:16px;font-size:12px}.modal-body input{font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.modal-error:empty{display:none}.notice{display:flex;align-items:flex-start;gap:8px;font-size:11px;padding:12px 14px;border-radius:9px;margin:18px 0}.notice .icon{width:15px;height:15px;margin-top:1px}.notice.error{background:var(--red-soft);color:var(--red)}.notice.success{background:var(--green-soft);color:var(--green)}.secret-output{word-break:break-all;border:1px solid var(--border);background:var(--surface-alt);padding:14px;font-size:12px;line-height:1.8;border-radius:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;margin:14px 0;user-select:all}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px solid var(--border);background:var(--surface-alt);border-radius:9px;margin:14px 0;font:11px/1.8 ui-monospace,Consolas,monospace}.recovery-grid span{text-align:center;user-select:all}.setup-steps{font-size:12px;color:var(--muted);padding-left:19px;margin:0 0 15px}.setup-steps li{padding:5px 0}.inline-error{padding:35px;text-align:center}.inline-error .icon{color:var(--red)}.inline-error p{font-size:12px;margin:12px auto 18px;color:var(--muted);max-width:500px}#toast-region{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100vw - 32px);pointer-events:none}.toast{display:flex;align-items:center;gap:9px;background:var(--text);color:var(--surface);padding:12px 18px;border-radius:10px;box-shadow:var(--modal-shadow);font-size:12px;animation:toast-in .2s ease-out}.toast .icon{width:16px;height:16px}#tooltip{position:fixed;z-index:200;max-width:min(360px,calc(100vw - 24px));padding:8px 11px;border-radius:7px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);box-shadow:var(--shadow),0 5px 18px #1112;font-size:10px;line-height:1.65;pointer-events:none;overflow-wrap:anywhere}[hidden]{display:none!important}.loading-dots{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:22px;height:18px}.loading-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:dots 1s infinite}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}@keyframes dots{0%,65%,100%{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.field-hint{font-size:10px;font-weight:400;color:var(--faint)}
/* Login and installer */
.auth-body{min-height:100vh;display:flex;flex-direction:column;background:var(--surface)}.auth-top{padding:28px 46px;display:flex;justify-content:space-between;align-items:center}.auth-layout{flex:1;display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;max-width:1160px;margin:0 auto;width:100%;padding:35px 32px 55px}.auth-story{padding:5px 0 0}.auth-story>.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted)}.auth-story>.eyebrow .status-dot{width:5px;height:5px}.auth-story h1{font-size:48px;line-height:1.15;letter-spacing:-2px;font-weight:650;margin:25px 0 20px}.auth-story h1 span{color:var(--accent)}.auth-story>p{max-width:370px;color:var(--muted);font-size:13px;line-height:1.9}.story-art{height:210px;position:relative;margin:10px 35px 0 0;display:flex;align-items:center;justify-content:center}.art-card{width:260px;border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:17px 19px;transform:rotate(-4deg);z-index:2;box-shadow:0 18px 45px #5f568814}.art-label{font-size:7px;font-weight:600;letter-spacing:1.2px;color:var(--faint)}.art-bars{height:56px;margin:14px 0;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid var(--border)}.art-bars i{flex:1;border-radius:3px 3px 0 0;background:var(--accent);height:25%;opacity:.2}.art-bars i:nth-child(2){height:37%}.art-bars i:nth-child(3){height:31%}.art-bars i:nth-child(4){height:50%;opacity:.35}.art-bars i:nth-child(5){height:43%;opacity:.4}.art-bars i:nth-child(6){height:57%;opacity:.45}.art-bars i:nth-child(7){height:51%;opacity:.5}.art-bars i:nth-child(8){height:71%;opacity:.65}.art-bars i:nth-child(9){height:64%;opacity:.7}.art-bars i:nth-child(10){height:82%;opacity:.8}.art-bars i:nth-child(11){height:72%;opacity:.85}.art-bars i:nth-child(12){height:97%;opacity:1}.art-foot{display:flex;align-items:center;gap:5px;font-size:7px;color:var(--muted)}.art-foot .status-dot{width:4px;height:4px}.art-orbit{position:absolute;width:335px;height:165px;border:1px dashed var(--border-strong);border-radius:50%;transform:rotate(-13deg)}.art-node{position:absolute;display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--surface);border:1px solid var(--border);color:var(--accent);z-index:3;box-shadow:var(--shadow)}.node-left{left:10%;bottom:38px;transform:rotate(-9deg)}.node-right{right:10%;top:35px;transform:rotate(9deg)}.art-node .icon{width:18px;height:18px}.auth-assurance{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:10px;margin-top:6px}.auth-assurance .icon{width:15px;height:15px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:33px 35px;box-shadow:0 12px 60px #33325008;width:100%;max-width:440px}.auth-icon{width:43px;height:43px;border-radius:12px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);display:grid;place-items:center;margin-bottom:23px}.auth-card>.eyebrow{font-size:8px;letter-spacing:1.25px}.auth-card h2{font-size:27px;letter-spacing:-.9px;margin:6px 0 10px}.auth-card>p.muted{font-size:11px;line-height:1.85;max-width:320px}.auth-form{display:flex;flex-direction:column;gap:17px;margin-top:25px}.auth-form label{font-size:11px}.auth-form input{font-size:11px;background:var(--surface-alt);border-color:var(--border);height:43px}.auth-form input:focus{border-color:var(--accent)}.input-with-icon{position:relative}.input-with-icon>.icon{position:absolute;left:13px;top:13px;width:16px;height:16px;color:var(--muted)}.input-with-icon input{padding-left:38px}.password-field{position:relative}.password-field input{padding-right:44px}.password-field>.icon-button{position:absolute;right:5px;top:5px;width:32px;height:32px}.password-field .icon{width:15px;height:15px}.auth-submit{height:43px;width:100%;margin-top:3px;font-size:11px;justify-content:space-between;padding:0 16px}.auth-submit .icon{width:16px;height:16px}.auth-fine{display:flex;justify-content:center;align-items:center;gap:5px;font-size:8px;color:var(--faint);margin-top:23px}.auth-fine .icon{width:11px;height:11px}.install-checks{background:var(--surface-alt);border:1px solid var(--border);border-radius:9px;padding:11px 13px;margin-top:18px}.install-check{display:flex;align-items:center;gap:8px;font-size:9px;padding:4px 0;color:var(--muted)}.install-check .icon{width:12px;height:12px}.install-check.passed .icon{color:var(--green)}.install-check.failed{color:var(--red)}.auth-footer{display:flex;justify-content:space-between;padding:18px 46px 25px;font-size:9px;color:var(--faint)}.error-body{min-height:100vh;display:grid;place-items:center;padding:30px}.error-card{max-width:500px;text-align:center}.error-card .brand-mark{margin-bottom:24px}.error-card .eyebrow{display:block}.error-card h1{font-size:65px;margin:15px 0}.error-card p{color:var(--muted);margin:15px 0 25px}
.analysis-heading .back{transform:rotate(180deg)}
.name-form + .setting-group{margin-top:22px}
/* Responsive and motion preferences */
@media(min-width:1600px){.content{padding:44px 48px 30px}.topbar{padding:0 48px}.metric{padding:22px 24px}.metric-value{font-size:34px}.panel-header{padding:22px 26px}}
@media(max-width:1200px){.sidebar{width:210px;padding-inline:14px}.main-shell{margin-left:210px}.sidebar .brand{font-size:20px;gap:7px}.sidebar .brand-mark{width:29px;height:29px}.product-tag{font-size:8px}.content{padding:28px 25px}.topbar{padding:0 25px}.metrics{gap:11px}.metric{padding:15px}.metric-top{font-size:10px}.metric-icon{width:24px;height:24px}.panel-header{padding:17px 18px}.search-field{width:180px}th,td{padding-left:16px;padding-right:16px}.settings-layout{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr);gap:17px}.settings-body{padding:18px}.auth-layout{gap:45px;padding-inline:45px}.auth-story h1{font-size:42px}}
@media(max-width:1000px){.page-heading{align-items:flex-start}.page-heading p{max-width:420px;line-height:1.8}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-value{font-size:28px}.panel-header{flex-wrap:wrap}.panel-tools{margin-left:auto}.settings-layout{grid-template-columns:1fr}.settings-column{gap:18px}.below-grid{grid-template-columns:1fr}.auth-layout{gap:35px}.auth-story h1{font-size:37px}.auth-card{padding:29px}.story-art{margin-right:0;transform:scale(.9)}.chart-legend{gap:10px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:234px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0}.mobile-menu{display:inline-flex;margin-left:-8px}.topbar{height:60px;padding:0 20px}.topbar-actions{gap:10px}.connection-label{font-size:9px}.breadcrumb{gap:9px}.breadcrumb>span:first-of-type,.breadcrumb>.slash{display:none}.content{padding:26px 20px}.page-heading{gap:14px;flex-wrap:wrap;margin-bottom:23px}.page-heading h1{font-size:29px}.page-heading p{font-size:11px}.page-heading #page-actions{margin-left:auto}.metric{padding:15px 17px}.metric-foot{font-size:9px}.metrics{gap:12px;margin-bottom:20px}.panel-header{padding:17px 16px;gap:13px}.panel-header h2{font-size:13px}.panel-tools{width:100%;margin:0}.search-field{flex:1;width:auto}.panel-tools>.dropdown{flex:none}.empty-state{padding-inline:15px}.empty-copy{padding-inline:10px}.empty-copy h3{font-size:14px}.empty-copy p{font-size:11px}.app-footer{padding:14px 20px 22px;font-size:8px}.table-footer{padding:12px 15px}.chart-svg{height:180px}.chart-body{padding:20px 13px}.chart-foot{padding-inline:15px;flex-wrap:wrap;line-height:1.8}.chart-legend{font-size:8px}.below-grid{gap:13px}.mini-panel{padding:16px}.topbar-divider{display:none}.auth-top{padding:24px}.auth-top .brand{font-size:20px;gap:8px}.auth-top .brand-product{font-size:12px}.auth-layout{display:block;padding:10px 24px 35px}.auth-story{display:none}.auth-card{max-width:440px;margin:0 auto;padding:29px}.auth-footer{padding:20px 24px;font-size:8px}.auth-footer span:last-child{display:none}.auth-body{background:var(--bg)}.auth-card h2{font-size:27px}.settings-body{padding:18px}.recovery-grid{font-size:10px}.modal-body{padding-inline:22px}.modal-heading{padding-inline:22px}}
@media(max-width:380px){.content{padding-inline:14px}.metric{padding:13px}.metric-icon{display:none}.metric-top{font-size:9px}.metric-foot{font-size:8px}.topbar-actions .connection-label{display:none}.auth-card{padding:24px}.auth-top .brand-product,.auth-top .brand-divider{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(min-width:1600px){.sk-value{height:33px}}
@media(max-width:1000px){.sk-value{height:26px}}
@media(max-width:760px){.empty-copy{padding:16px 10px}.chart-empty-label>div{padding:13px 18px;max-width:270px}.table-stage.is-empty .placeholder-rows{opacity:.45}}

.metric-value:has(.sk){display:flex;align-items:center;min-height:1.25em}.metric-foot{min-height:1.55em}.pagination .sk-action{width:27px;height:27px}.key-card .sk-badge{height:18px}.key-card .key-meta:has(.sk){min-height:1.8em}
.sidebar>.brand:has(.brand-mark-logo){padding-inline:0;gap:6px}.sidebar .brand-mark-logo{flex:none;background:linear-gradient(145deg,rgba(112,94,255,.2),rgba(55,189,255,.1));border:1px solid rgba(132,118,255,.25);box-shadow:inset 0 1px rgba(255,255,255,.08)}.sidebar .brand-mark-logo img{display:block;width:100%;height:100%;object-fit:contain}

/* Visit installation keeps the same card geometry in the settings skeleton. */
.beacon-panel .panel-header{align-items:flex-start;flex-wrap:wrap}
.beacon-code{display:block;width:100%;box-sizing:border-box;min-height:88px;margin:8px 0 12px;padding:13px 14px;resize:none;font:12px/1.65 ui-monospace,Consolas,monospace;color:var(--text);background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;overflow-wrap:anywhere}
.beacon-code:focus{outline:2px solid var(--accent);outline-offset:2px}
.sk-beacon-code{display:flex;flex-direction:column;gap:12px;justify-content:center}
.beacon-steps{padding-left:19px;margin:0;display:grid;gap:10px;font-size:12px;line-height:1.7;color:var(--muted)}
.beacon-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 0;border-block:1px solid var(--border)}
.beacon-stats>div{display:flex;flex-direction:column;gap:9px;min-width:0}.beacon-stats span{color:var(--muted);font-size:11px;line-height:1.6}.beacon-stats strong{font-size:12px;line-height:1.5}
.beacon-consent{font-size:12px;line-height:1.7;color:var(--muted)}.beacon-consent summary{cursor:pointer;color:var(--text);font-weight:600}.beacon-consent code{overflow-wrap:anywhere}

.beacon-panel .settings-body{display:grid;gap:18px}