:root{--ink: #10231a;--ink-soft: #3d5247;--paper: #eef5f0;--panel: rgba(255, 255, 255, .92);--line: #d0e0d6;--accent: #0b6e4f;--accent-deep: #08563e;--accent-2: #c4f1a5;--sidebar: #0a1f16;--sidebar-line: rgba(196, 241, 165, .12);--danger: #b42318;--font: "DM Sans", system-ui, sans-serif;--display: "Fraunces", Georgia, serif;--ease: cubic-bezier(.22, 1, .36, 1);--shadow: 0 18px 40px rgba(16, 35, 26, .08);--radius: 16px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1100px 520px at 8% -8%,#cdeedc 0%,transparent 55%),radial-gradient(900px 420px at 100% 0%,#dce8e2 0%,transparent 48%),linear-gradient(180deg,#f5faf6 0%,var(--paper) 40%,#e8f1eb 100%);background-attachment:fixed}a{color:var(--accent);text-decoration:none;font-weight:600}.muted{color:#5b6d63}.error{color:var(--danger)}.ok{color:var(--accent);font-weight:600}.brand{font-family:var(--display);font-weight:700;letter-spacing:.02em;margin:0;font-size:1.1rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card,.panel,.captive-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-card{width:min(420px,100%)}.login-card h1,.shell-titles h1,.captive-card h1{font-family:var(--display);margin:.35rem 0 .5rem}.admin-page .panel h2{font-family:var(--display);font-size:1.2rem;margin:0 0 .75rem;font-weight:700}label{display:grid;gap:.35rem;margin:.75rem 0;font-size:.92rem;font-weight:600}input,textarea,select,button{font:inherit;border-radius:12px;border:1px solid var(--line);padding:.7rem .85rem;background:#fff}button{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff;border:none;font-weight:700;cursor:pointer;width:100%;margin-top:.5rem;transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #0b6e4f38}button.ghost,.admin-actions button.ghost,.shell-tools button.ghost,.menu-toggle{width:auto;background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none;margin-top:0}button.ghost:hover:not(:disabled),.menu-toggle:hover{background:#0b6e4f0f;border-color:#0b6e4f40;transform:none;box-shadow:none}button:disabled{opacity:.55;cursor:not-allowed}.app-shell{min-height:100vh}.admin-shell{display:grid;grid-template-columns:248px 1fr;grid-template-rows:auto 1fr;min-height:100vh}.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;display:flex;flex-direction:column;padding:1.25rem .9rem 1rem;background:radial-gradient(500px 280px at 0% 0%,rgba(11,110,79,.45) 0%,transparent 60%),linear-gradient(180deg,#0d281c 0%,var(--sidebar) 55%,#071510 100%);color:#e8f5ee;border-right:1px solid var(--sidebar-line);z-index:40}.sidebar-brand{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.25rem .65rem 1.1rem;border-bottom:1px solid var(--sidebar-line);margin-bottom:.85rem}.sidebar-brand .brand{color:#f4fff8;font-size:1.35rem}.sidebar-tag{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#c4f1a5b3;font-weight:700}.sidebar-nav{flex:1;overflow:auto;display:grid;gap:1rem;padding:.25rem 0}.nav-group-title{margin:0 .65rem .35rem;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#e8f5ee73;font-weight:700}.nav-link{position:relative;display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem .55rem .9rem;margin:.12rem 0;border-radius:12px;color:#e8f5eec7;font-weight:600;font-size:.95rem;transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}.nav-link:hover{background:#ffffff0f;color:#fff}.nav-link.active{background:#c4f1a524;color:#c4f1a5}.nav-indicator{width:3px;height:1.1rem;border-radius:99px;background:transparent;transition:background .18s var(--ease),transform .22s var(--ease);flex-shrink:0}.nav-link.active .nav-indicator{background:var(--accent-2);transform:scaleY(1.15)}.sidebar-foot{padding:.85rem .65rem .25rem;border-top:1px solid var(--sidebar-line)}.sidebar-backdrop{display:none}.shell-main{min-width:0;display:flex;flex-direction:column}.shell-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.35rem 1.75rem .85rem;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(238,245,240,.92) 0%,rgba(238,245,240,.72) 70%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shell-titles h1{margin:0;font-size:clamp(1.55rem,2.4vw,2rem);letter-spacing:-.02em}.shell-sub{margin:.25rem 0 0;font-size:.92rem}.shell-tools{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.shell-tools select{width:auto;min-width:10rem;background:#ffffffe6}.menu-toggle{display:none}.shell-content{padding:.5rem 1.75rem 2rem;max-width:1180px;width:100%}.admin-page{display:grid;gap:1rem}.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 .22s var(--ease) both}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-page>.panel{animation:panelIn .28s 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(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.page-transition,.admin-page>.panel,button{animation:none!important;transition:none!important}}.badge{background:var(--accent-2);color:#14532d;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:700}.muted-badge{background:#e8eee9;color:#5b6d63}.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 .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}.success h2{font-family:var(--display);margin-top:0}.campaign{background:#c4f1a51f;border:1px solid rgba(196,241,165,.35);border-radius:12px;padding:.85rem;margin:.75rem 0 1rem}.campaign .wa,.captive-card a{color:#c4f1a5;font-weight:700}.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)}.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:12px;background:#f7fbf8;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.head{border-top:none;padding-bottom:.35rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#5b6d63}@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 #00000040}.admin-shell.drawer-open .sidebar{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#07151073;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(--display);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:var(--accent);color:#fff;padding:.55rem 1rem;border-radius:12px;font-weight:600}.impersonation-banner{grid-column:1 / -1;background:#1f3d2e;color:#e8f5ee;padding:.55rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.92rem;z-index:50}.impersonation-banner .ghost{color:#e8f5ee;border-color:#e8f5ee59}.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}