:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #8b5cf6;--accent: #6366f1;--accent-deep: #4f46e5;--accent-2: #e0e7ff;--accent-cyan: #06b6d4;--bg-base: #f1f5f9;--bg-surface: #ffffff;--bg-secondary: #f9fafb;--bg-input: #f8fafc;--border: rgba(99, 102, 241, .12);--border-hover: rgba(99, 102, 241, .32);--border-light: rgba(0, 0, 0, .06);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-link: #6366f1;--sidebar-width: 250px;--topbar-height: 60px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 20px rgba(99, 102, 241, .1);--shadow-lg: 0 8px 40px rgba(99, 102, 241, .14);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition: .22s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .35s cubic-bezier(.34, 1.56, .64, 1);--ink: var(--text-primary);--ink-soft: var(--text-secondary);--paper: var(--bg-base);--panel: var(--bg-surface);--line: var(--border);--sidebar: var(--bg-surface);--sidebar-line: var(--border);--danger: #ef4444;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ease: cubic-bezier(.4, 0, .2, 1);--shadow: var(--shadow-md);--radius: var(--radius-lg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);color:var(--text-primary);background:var(--bg-base);line-height:1.6;animation:bodyFadeIn .4s ease}@keyframes bodyFadeIn{0%{opacity:0}to{opacity:1}}a{color:var(--text-link);text-decoration:none;font-weight:600}.muted{color:var(--text-muted)}.error{color:var(--danger)}.ok{color:var(--primary);font-weight:600}.brand{font-family:var(--font);font-weight:700;letter-spacing:-.01em;margin:0;font-size:1.1rem;color:var(--text-primary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);font-family:var(--font)}.login-page.login-gate{background:var(--bg-base)}.login-gate-card{background:var(--bg-surface);border-radius:20px;padding:2rem 2.5rem;box-shadow:var(--shadow-lg);text-align:center;color:var(--text-secondary);font-weight:500}.login-split{background:#fff;border-radius:20px;max-width:960px;width:100%;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;box-shadow:0 20px 60px #0000004d}.login-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem;display:flex;flex-direction:column;justify-content:center}.login-hero-mark{width:72px;height:72px;border-radius:18px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;margin-bottom:1.25rem}.login-hero h1{margin:0 0 .5rem;font-size:1.8rem;font-weight:700;color:#fff;font-family:var(--font)}.login-hero>p{opacity:.9;margin:0 0 1.75rem;font-size:.95rem}.login-bullets{display:flex;flex-direction:column;gap:.9rem}.login-bullet{display:flex;align-items:flex-start;gap:.75rem}.login-bullet-icon{width:34px;height:34px;border-radius:9px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem;font-weight:700}.login-bullet strong{display:block;font-size:.9rem;font-weight:700}.login-bullet span{opacity:.8;font-size:.78rem}.login-form-pane{padding:3rem;background:#fff}.login-form-pane h2{margin:0 0 .35rem;font-size:1.4rem;font-weight:700;color:var(--text-primary)}.login-form-pane>.muted{margin:0 0 1.5rem;color:#6b7280}.login-card,.panel,.captive-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.login-card{width:min(420px,100%)}.login-card h1,.shell-titles h1,.captive-card h1{font-family:var(--font);margin:.35rem 0 .5rem;font-weight:700}.admin-page .panel h2{font-family:var(--font);font-size:1.15rem;margin:0 0 .75rem;font-weight:700;color:var(--text-primary)}label{display:grid;gap:.35rem;margin:.75rem 0;font-size:.8rem;font-weight:700;color:#374151}input,textarea,select,button{font:inherit;border-radius:var(--radius-md);border:1px solid #d1d5db;padding:.7rem .85rem;background:#fff;color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;font-weight:700;cursor:pointer;width:100%;margin-top:.5rem;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #6366f147}button.ghost,.admin-actions button.ghost,.shell-tools button.ghost,.menu-toggle{width:auto;background:transparent;color:var(--text-primary);border:1px solid var(--border);box-shadow:none;margin-top:0}button.ghost:hover:not(:disabled),.menu-toggle:hover{background:#6366f112;border-color:var(--border-hover);color:var(--primary);transform:none;box-shadow:none}button:disabled{opacity:.55;cursor:not-allowed}.login-form-pane button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md);padding:.75rem;margin-top:.25rem}.login-error-box{background:#fef2f2;color:#991b1b;padding:.65rem .75rem;border-radius:var(--radius-md);margin-bottom:.85rem;font-size:.9rem}.app-shell{min-height:100vh}.admin-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr;min-height:100vh;background:var(--bg-base)}.admin-shell>.impersonation-banner{grid-column:1 / -1;grid-row:1}.admin-shell>.sidebar,.admin-shell>.sidebar-backdrop{grid-row:2}.admin-shell>.shell-main{grid-row:2}.sidebar{position:sticky;top:0;height:100vh;width:var(--sidebar-width);display:flex;flex-direction:column;padding:.85rem .75rem 1rem;background:var(--bg-surface);color:var(--text-primary);border-right:1px solid var(--border-light);box-shadow:2px 0 12px #6366f10a;z-index:40;animation:slideInLeft .35s var(--ease)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.sidebar-brand{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.65rem .65rem 1rem;border-bottom:1px solid var(--border-light);margin-bottom:.75rem}.sidebar-brand .brand{color:var(--primary);font-size:1.25rem}.sidebar-tag{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:700;background:#6366f114;padding:.2rem .45rem;border-radius:var(--radius-sm)}.sidebar-nav{flex:1;overflow:auto;display:grid;gap:.85rem;padding:.25rem 0}.nav-group-title{margin:0 .5rem .3rem;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.nav-link,.nav-item{position:relative;display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem .55rem .85rem;margin:.1rem 0;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:.875rem;border:1px solid transparent;transition:background var(--transition),color var(--transition),transform var(--transition),border-color var(--transition)}.nav-link:hover,.nav-item:hover{background:#6366f112;color:var(--primary);transform:translate(3px)}.nav-link.active,.nav-item.active{background:linear-gradient(135deg,#6366f11f,#8b5cf612);color:var(--primary);border-color:#6366f12e;font-weight:600}.nav-indicator{display:none}.nav-link.active:before,.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary);border-radius:0 2px 2px 0;animation:navIndicator .3s var(--transition-bounce)}@keyframes navIndicator{0%{height:0;opacity:0}to{height:60%;opacity:1}}.sidebar-foot{padding:.85rem .5rem .25rem;border-top:1px solid var(--border-light)}.sidebar-backdrop{display:none}.shell-main{min-width:0;display:flex;flex-direction:column;margin-left:0}.shell-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--topbar-height);padding:.75rem 1.5rem;position:sticky;top:0;z-index:20;background:#ffffffeb;border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.shell-titles h1{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.shell-sub{margin:.15rem 0 0;font-size:.85rem;color:var(--text-muted)}.shell-tools{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.shell-tools select{width:auto;min-width:10rem;background:var(--bg-input);border-color:var(--border)}.menu-toggle{display:none}.shell-content{padding:1.25rem 1.5rem 2rem;max-width:1180px;width:100%}.admin-page{display:grid;gap:1rem}.dashboard-page.admin-page{gap:.5rem}.dashboard-page.admin-page>.panel{padding:.8rem 1.1rem}.dashboard-page .panel h2{margin-bottom:.35rem;font-size:1rem}.dashboard-page .panel-head{margin-bottom:.35rem}@media(min-width:980px){.dashboard-page.admin-page{grid-template-columns:1fr 1fr;align-items:start}.dashboard-page.admin-page>.panel.span-2{grid-column:1 / -1}}.shell-content:has(.dashboard-page){padding-bottom:.75rem}.dashboard-page .day-chart{height:7rem}.dashboard-page .stat-card{padding:.65rem .8rem}.dashboard-page .stat-card strong{font-size:1.3rem!important}.dashboard-page .stat-card>div[style*=margin-top]{margin-top:.3rem!important}.dashboard-page .donut-svg{width:6rem;height:6rem}.dashboard-page .donut-total{font-size:.95rem}.dashboard-page .donut-body{gap:.6rem}.dashboard-page .donut-legend{font-size:.72rem;gap:.18rem}.dashboard-page .donut-legend li{font-size:.72rem;grid-template-columns:8px 1fr auto;gap:.35rem}.dashboard-page .donut-legend-value{font-size:.68rem}.dashboard-page .donut-card h3{font-size:.82rem;margin-bottom:.35rem}.dash-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.dash-hero-online{text-align:right;text-decoration:none;display:grid;gap:.1rem}.dash-hero-online .muted{font-size:.8rem}.hero-number{font-family:var(--display);font-size:2.4rem;font-weight:800;line-height:1;color:var(--ink, #111)}.admin-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.admin-actions select{width:auto}.inline-check{display:inline-flex!important;align-items:center;gap:.45rem;margin:0!important;font-size:.9rem}.inline-check input{width:auto;margin:0}.page-transition{animation:pageIn .28s var(--ease) both}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-page>.panel{animation:panelIn .32s var(--ease) both}.admin-page>.panel:nth-child(2){animation-delay:40ms}.admin-page>.panel:nth-child(3){animation-delay:80ms}.admin-page>.panel:nth-child(4){animation-delay:.11s}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){body,.page-transition,.admin-page>.panel,.sidebar,button{animation:none!important;transition:none!important}}.badge{background:#6366f11f;color:var(--primary-dark);padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:700}.muted-badge{background:var(--bg-secondary);color:var(--text-muted)}@media(max-width:800px){.login-split{grid-template-columns:1fr}.login-hero{display:none}.login-form-pane{padding:2rem 1.5rem}}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.panel.narrow{max-width:640px}.stack label{margin-top:.4rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.table{display:grid;gap:.55rem}.row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:.75rem;align-items:center;padding:.85rem 0;border-top:1px solid var(--line)}.row select{width:auto}.captive{min-height:100vh;display:grid;place-items:center;padding:1.25rem;color:#f4fff8}.captive-card{width:min(440px,100%);background:#071811b8;border:1px solid rgba(196,241,165,.25);color:#f4fff8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.captive-card-enter{animation:captiveIn .45s cubic-bezier(.22,1,.36,1) both}@keyframes captiveIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.captive-card .provider{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;opacity:.85;margin:0}.captive-card input{background:#fffffff2;color:#10231a}.captive-card button{background:var(--primary, #0b6e4f)}.captive-card .check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.88rem}.captive-card .check input{width:auto;margin-top:.2rem}.powered{margin:1.25rem 0 0;text-align:center;opacity:.55;font-size:.8rem}.logo{max-height:48px;margin-bottom:.75rem;object-fit:contain}.logo-upload-preview{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#f4f7f5;border-radius:10px}.logo-upload-preview .logo{margin-bottom:0;max-height:56px}.captive-card.preview .logo{display:block;max-height:56px;margin:0 auto .75rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.success{text-align:center;padding:.25rem 0 .5rem}.success-enter{animation:successPop .5s cubic-bezier(.22,1,.36,1) both}@keyframes successPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.success h2{font-family:var(--display);margin:.65rem 0 .35rem}.success>p{margin:0 0 .75rem;opacity:.92}.success-check{width:3rem;height:3rem;margin:.5rem auto 0;border-radius:50%;background:#c4f1a533;border:2px solid #c4f1a5;position:relative;animation:checkPulse 1.4s ease-in-out infinite}.success-check:after{content:"";position:absolute;left:.9rem;top:.55rem;width:.7rem;height:1.15rem;border:solid #c4f1a5;border-width:0 3px 3px 0;transform:rotate(45deg)}@keyframes checkPulse{0%,to{box-shadow:0 0 #c4f1a559}50%{box-shadow:0 0 0 10px #c4f1a500}}.success-progress{height:4px;border-radius:999px;background:#ffffff1f;overflow:hidden;margin:1rem 0 .5rem}.success-progress span{display:block;height:100%;width:40%;border-radius:inherit;background:#c4f1a5;animation:progressSlide 1.6s ease-in-out infinite}@keyframes progressSlide{0%{transform:translate(-120%)}to{transform:translate(280%)}}.success-redirect-hint{font-size:.85rem;margin:.35rem 0 0}.campaign{background:#c4f1a51f;border:1px solid rgba(196,241,165,.35);border-radius:12px;padding:.85rem;margin:.75rem 0 1rem;text-align:left}.campaign-image{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:10px;margin:0 0 .65rem}.banner-upload-preview{display:flex;flex-direction:column;gap:.5rem;margin:.35rem 0 .75rem}.banner-upload-preview .campaign-image{max-height:160px}.captive-card.preview .campaign-image{max-height:120px}.campaign-enter{animation:campaignIn .4s ease .15s both}@keyframes campaignIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.campaign .wa,.captive-card a{color:#c4f1a5;font-weight:700}.portal-settings .section-hint{margin:-.35rem 0 .85rem;font-size:.9rem}.portal-settings .panel h2{margin:0 0 .35rem;font-size:1.15rem}.portal-form{gap:1rem}.post-auth-options{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.85rem}.post-auth-option{display:flex;gap:.65rem;align-items:flex-start;padding:.65rem .75rem;border:1px solid #d7e0da;border-radius:10px;background:#f7faf8;cursor:pointer}.post-auth-option input{width:auto;margin-top:.2rem}.post-auth-option strong{display:block;margin-bottom:.15rem}.post-auth-option .muted{display:block;font-size:.85rem;font-weight:400}.portal-save-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-bottom:1.5rem}.sticky-preview{align-self:start;position:sticky;top:1rem}.preview-cta{width:100%;margin-top:.5rem;pointer-events:none}.success-preview{text-align:center}.captive-qr-box{display:flex;flex-direction:column;align-items:flex-start}.captive-qr{border-radius:12px;background:#fff;padding:.5rem;border:1px solid #d7e0da}.chips{display:flex;gap:.5rem;flex-wrap:wrap}.chip{padding:.3rem .65rem;border-radius:999px;background:#e8eee9;font-size:.8rem;font-weight:700}.chip.ok{background:#d9f5e4;color:#14532d}.chip.bad{background:#fde8e6;color:#b42318}.grid-2-lg{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}.field-row{display:flex;gap:.4rem;align-items:center;margin:.35rem 0}.field-row input{flex:1}.preview-panel .preview{color:#f4fff8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat{background:linear-gradient(160deg,#f8fcf9,#eef7f1);border:1px solid var(--line);border-radius:14px;padding:1.05rem 1.1rem;transition:transform .18s var(--ease),border-color .18s var(--ease)}.stat:hover{transform:translateY(-2px);border-color:#0b6e4f47}.stat span{display:block;color:var(--ink-soft);font-size:.85rem;font-weight:600}.stat strong{font-family:var(--display);font-size:1.65rem;color:var(--accent-deep)}.day-chart-legend{display:flex;flex-wrap:wrap;gap:1rem;margin:.35rem 0 .85rem;font-size:.85rem;color:var(--ink-soft);font-weight:600}.day-chart-legend .swatch{display:inline-block;width:.7rem;height:.7rem;border-radius:3px;margin-right:.35rem;vertical-align:-1px}.swatch-leads{background:var(--accent-deep, #0B6E4F)}.swatch-sessions{background:#5b8c74}.day-chart{display:flex;align-items:flex-end;gap:.35rem;height:14rem;padding:.5rem .25rem 0;overflow-x:auto;border-top:1px solid var(--line)}.day-chart-col{flex:1 0 1.6rem;min-width:1.35rem;max-width:2.75rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.35rem}.day-chart-pair{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px;min-height:0}.day-bar{width:42%;max-width:.85rem;min-height:0;border-radius:4px 4px 2px 2px;transition:height .22s var(--ease, ease)}.day-bar-leads{background:linear-gradient(180deg,#14946a 0%,var(--accent-deep, #0B6E4F) 100%)}.day-bar-sessions{background:linear-gradient(180deg,#8fb5a1,#5b8c74)}.day-chart-label{font-size:.62rem;color:var(--ink-soft);white-space:nowrap;transform:rotate(-35deg);transform-origin:center top;margin-bottom:.6rem;height:1.2rem}.donut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}.donut-card h3{margin:0 0 .75rem;font-size:1rem}.donut-body{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.donut-svg{width:8.5rem;height:8.5rem;flex:none}.donut-total{font-size:1.15rem;font-weight:700;fill:var(--ink, #111);font-family:var(--display, inherit)}.donut-total-label{font-size:.55rem;fill:var(--ink-soft, #767f78);text-transform:uppercase;letter-spacing:.04em}.donut-legend{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;flex:1;min-width:9rem}.donut-legend li{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:.5rem;font-size:.82rem}.donut-swatch{width:10px;height:10px;border-radius:999px;flex:none}.donut-legend-label{color:var(--ink, #111);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend-value{color:var(--ink-soft);white-space:nowrap;font-size:.78rem}.status-legend{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.82rem;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.status-pill:hover{border-color:var(--pill-color)}.status-pill.active{background:color-mix(in srgb,var(--pill-color) 14%,white);border-color:var(--pill-color);color:var(--pill-color)}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--pill-color);flex:none}.status-count{font-weight:700;background:#0000000f;border-radius:999px;padding:.05rem .4rem;font-size:.75rem}.status-legend-caption{font-size:.78rem;line-height:1.6;margin:0 0 1rem}.status-select{font-weight:700;border-width:1px 1px 1px 4px;border-style:solid;border-color:var(--line) var(--line) var(--line) var(--pill-color)}.bars{display:grid;gap:.4rem}.bar-row{display:grid;grid-template-columns:7rem 1fr auto;gap:.5rem;align-items:center}.bar{height:10px;background:var(--accent);border-radius:99px;min-width:4px}.snippet{background:#10231a;color:#c4f1a5;padding:1rem;border-radius:12px;overflow:auto;font-size:.8rem}.site-row{width:100%;text-align:left;background:transparent;color:inherit;border:none;border-top:1px solid var(--line);border-radius:0;margin:0;cursor:pointer;font-weight:inherit}.site-row:hover{background:#0b6e4f0f}.site-row.active{background:#0b6e4f1a}.site-detail{margin-top:.75rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#f7fbf8}.site-detail h3{margin:0 0 .75rem;font-family:var(--display)}.site-detail h4{margin:1.25rem 0 .5rem}.autoconfig-box{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.autoconfig-box details{margin-top:.75rem}.autoconfig-box summary{cursor:pointer;font-weight:600;margin-bottom:.5rem}.bootstrap-cmd{white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;user-select:all}.router-card{border-top:1px solid var(--line);padding:.35rem 0 .75rem}.router-card>.row{border-top:none}.router-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.router-health{margin:.25rem 0 .5rem;padding:.85rem;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--line)}.config-list{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.25rem}.config-list .ok{color:var(--accent);font-weight:600}.config-list .bad{color:var(--danger);font-weight:600}.mono{font-family:ui-monospace,monospace;word-break:break-all}.health{padding:.85rem 1.25rem}.online-table{margin-top:.75rem}.online-row{display:grid;grid-template-columns:1.3fr 1.1fr 1.2fr .9fr .8fr;gap:.75rem;align-items:start;padding:.85rem 0;border-top:1px solid var(--line);font-size:.95rem}.online-row-6{grid-template-columns:1.2fr 1fr 1.1fr .8fr .8fr auto}.online-row-4{grid-template-columns:1fr 1fr 1fr 1.4fr}.online-row.head{border-top:none;padding-bottom:.35rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.menu-toggle{display:inline-flex}.sidebar{position:fixed;left:0;top:0;width:min(280px,86vw);transform:translate(-105%);transition:transform .24s var(--ease);box-shadow:12px 0 40px #6366f12e;animation:none}.admin-shell.drawer-open .sidebar{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;opacity:0;pointer-events:none;transition:opacity .22s var(--ease);z-index:30}.admin-shell.drawer-open .sidebar-backdrop{opacity:1;pointer-events:auto}.shell-header,.shell-content{padding-left:1.1rem;padding-right:1.1rem}.grid-2-lg,.stats{grid-template-columns:1fr}.online-row,.online-row.head{grid-template-columns:1fr 1fr}}@media(max-width:720px){.row{grid-template-columns:1fr}.shell-header{flex-wrap:wrap}.online-row,.online-row.head{grid-template-columns:1fr}}.empty-state{text-align:center;padding:1.75rem 1rem;border:1px dashed var(--line);border-radius:14px;background:#ffffff73}.empty-state h3{font-family:var(--font);margin:0 0 .35rem;font-size:1.15rem}.empty-state .button-link,.empty-state button{display:inline-flex;margin-top:.85rem}a.button-link{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:.55rem 1rem;border-radius:var(--radius-md);font-weight:600}.impersonation-banner{grid-column:1 / -1;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:.55rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.92rem;z-index:50}.impersonation-banner .ghost{color:#fff;border-color:#ffffff73}.warn-panel{border-color:#e0c58a;background:linear-gradient(180deg,#fff9eb,var(--panel))}.setup-steps{margin:.75rem 0 1rem;padding-left:1.25rem;display:grid;gap:.45rem}.setup-steps li{line-height:1.4}.sg-health{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.sg-health-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem}.sg-health-card p{margin:.35rem 0 0;font-size:1.25rem;font-weight:800}.sg-health-card.ok{border-color:#86efac;background:linear-gradient(180deg,#f0fdf4,var(--panel))}.sg-health-card.bad{border-color:#fca5a5;background:linear-gradient(180deg,#fef2f2,var(--panel))}.sg-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.sg-block{border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;background:#ffffff8c}.sg-block-deny{border-color:#fecaca}.sg-block-allow{border-color:#bbf7d0}.sg-block-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.sg-block-head h3{margin:0;font-size:1rem}.sg-count{font-size:.8rem;color:#64748b;font-weight:600}.sg-add-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.65rem;align-items:center}.sg-add-row .input{max-width:220px;flex:1}.sg-ip-list{display:grid;gap:.4rem}.sg-ip-chip{display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;border-radius:10px;background:#f8fafc;border:1px solid var(--line)}.sg-ip-addr{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;font-weight:600}.sg-ip-empty{color:#94a3b8;font-size:.88rem;margin:.35rem 0}.stat-card{padding:1rem 1.1rem;border-radius:12px;border:1px solid var(--line);background:#f8fafc}.stat-card strong{display:block;line-height:1.2;color:#0f172a}.flash{border-radius:10px;padding:.65rem .85rem;margin-bottom:.75rem}.flash.ok{background:#ecfdf5;color:#065f46;border:1px solid #6ee7b7}.flash.err{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.flash.warn{background:#fff7ed;color:#9a3412;border:1px solid #fdba74}