: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-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}.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}.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}.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}.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}