:root{--bg:#06111e;--panel:#0d2034;--panel2:#112a43;--line:rgba(146,181,215,.17);--text:#edf5ff;--muted:#91a5ba;--aqua:#63e6cf;--blue:#61b6ff;--purple:#958cff;--green:#50e0a0;--orange:#ffbe5b;--red:#ff7085;--side:270px;--shadow:0 18px 55px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 8%,rgba(90,89,255,.16),transparent 27%),radial-gradient(circle at 96% 3%,rgba(53,221,191,.12),transparent 26%),linear-gradient(145deg,#071522,#06111d);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}.ambient{position:fixed;filter:blur(100px);opacity:.13;z-index:-1}.ambient.a{width:320px;height:320px;background:#695aff;left:-140px;top:20%}.ambient.b{width:300px;height:300px;background:#2bd7bc;right:-140px;top:5%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:linear-gradient(180deg,rgba(7,19,33,.99),rgba(5,14,25,.99));border-right:1px solid var(--line);padding:23px 17px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 6px 20px}.brand-logo,.login-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#796aff,#45c9ff);font-size:22px;font-weight:900;box-shadow:0 13px 32px rgba(84,117,255,.3)}.brand strong{display:block;font-size:15px}.eyebrow{display:block;color:#aaa5ff;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:4px}.sidebar nav{display:grid;gap:6px}.sidebar nav>small{padding:18px 12px 4px;color:#657b90;font-size:9px;font-weight:900;letter-spacing:.15em}.nav-btn{min-height:45px;border:1px solid transparent;border-radius:13px;padding:0 11px;display:flex;gap:11px;align-items:center;color:#9fb2c5;font-size:12px;font-weight:750}.nav-btn span{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.nav-btn:hover,.nav-btn.active{color:#ecfffb;background:linear-gradient(90deg,rgba(59,212,187,.13),rgba(100,106,255,.08));border-color:rgba(99,230,207,.18)}.nav-btn.active span{color:var(--aqua)}.side-status{margin-top:auto;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);padding:12px;display:flex;align-items:center;gap:10px}.side-status i,footer i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(80,224,160,.08),0 0 12px rgba(80,224,160,.8)}.side-status small,.side-user small{display:block;color:var(--muted);font-size:9px}.side-status strong,.side-user strong{display:block;font-size:10px}.side-user{display:flex;align-items:center;gap:10px;padding:15px 6px 0}.side-user>b{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(149,140,255,.28),rgba(97,182,255,.12));font-size:10px}.main{margin-left:var(--side);padding:28px 28px 20px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:17px}.title-wrap{display:flex;align-items:flex-start;gap:11px}.topbar h1{margin:0 0 6px;font-size:clamp(25px,2.5vw,37px);line-height:1.08;letter-spacing:-.04em}.topbar p{margin:0;color:var(--muted);font-size:11px}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.top-btn,.workspace-pill,.client-switch select{min-height:40px;border:1px solid rgba(97,182,255,.24);border-radius:11px;background:rgba(17,42,67,.78);color:var(--text);padding:0 12px;display:inline-flex;align-items:center;font-size:10px;font-weight:800}.workspace-pill{border-color:rgba(99,230,207,.25);color:var(--aqua)}.scope-bar{border:1px solid var(--line);border-radius:18px;background:rgba(13,31,51,.75);box-shadow:var(--shadow);padding:13px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.scope-bar strong{display:block;font-size:11px}.scope-bar>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.scope-bar>div:last-child span{padding:6px 9px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:8px;color:#b8c9d9}.panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(13,30,50,.97),rgba(8,22,37,.95));box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}.pad{padding:18px}.panel h2{margin:0 0 7px;font-size:16px}.panel p,.muted{color:var(--muted);font-size:9px}.panel-head{padding:18px 20px 14px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-head h2{margin:0 0 4px}.panel-head p{margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.kpi{padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(19,39,63,.94),rgba(12,29,47,.94));min-height:105px;position:relative;overflow:hidden}.kpi::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-48px;top:-48px;background:currentColor;opacity:.12}.kpi small,.metric small{display:block;color:#8ea4ba;font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.kpi strong{display:block;margin:12px 0 6px;font-size:27px;line-height:1;letter-spacing:-.04em}.kpi span{color:var(--muted);font-size:8px}.kpi.blue{color:var(--blue)}.kpi.green{color:var(--green)}.kpi.orange{color:var(--orange)}.kpi.purple{color:var(--purple)}.metric-grid{padding:15px 20px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.metric{min-height:86px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);padding:13px}.metric strong{display:block;font-size:19px;margin-top:12px}.table-wrap{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;min-width:850px}th{padding:11px 14px;text-align:left;color:#71879d;font-size:7px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;background:rgba(4,14,25,.31);border-bottom:1px solid var(--line)}td{padding:12px 14px;border-bottom:1px solid rgba(146,181,215,.08);font-size:9px;color:#cad8e5;vertical-align:middle}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.lead-cell{display:flex;align-items:center;gap:10px;min-width:155px}.lead-cell>b,.profile-avatar{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(149,140,255,.28),rgba(97,182,255,.13));border:1px solid rgba(149,140,255,.2);font-size:9px}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.badge.blue{color:var(--blue);background:rgba(97,182,255,.07)}.badge.green,.badge.good{color:var(--green);background:rgba(80,224,160,.07)}.badge.orange{color:var(--orange);background:rgba(255,190,91,.07)}.badge.red{color:var(--red);background:rgba(255,112,133,.07)}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.form-grid{display:grid;gap:11px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid .full{grid-column:1/-1}label{display:grid;gap:5px;color:#aec0d0;font-size:9px;font-weight:700}input,select,textarea{width:100%;min-height:41px;border:1px solid var(--line);border-radius:10px;background:rgba(6,18,31,.8);color:var(--text);padding:9px 11px;outline:none}textarea{min-height:85px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(99,230,207,.42);box-shadow:0 0 0 3px rgba(99,230,207,.05)}.primary,.secondary,.wa-btn{min-height:39px;border-radius:10px;padding:0 13px;border:1px solid transparent;font-size:9px;font-weight:900}.primary{background:linear-gradient(135deg,#6cebd4,#4fd6c3);color:#05241f}.secondary,.wa-btn{background:rgba(29,65,98,.58);border-color:rgba(97,182,255,.25);color:#eaf5ff}.wide{width:100%}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checks label{display:flex;align-items:center;gap:8px}.checks input{width:auto;min-height:auto}.card-list{display:grid;gap:10px}.account-card{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);padding:13px}.account-card h3{margin:5px 0 3px;font-size:13px}.account-card p{margin:5px 0}.account-card>div:last-child{display:flex;justify-content:space-between;gap:10px;color:#9db0c3;font-size:8px}.permission-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.permission-chips span{padding:5px 7px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:7px;color:#b8c9d7}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.button-row,.actions,.page-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px}.webhook-box{display:grid;gap:6px;margin-top:13px;border:1px solid var(--line);border-radius:12px;padding:11px;background:rgba(255,255,255,.025)}code{font-family:ui-monospace,monospace;color:var(--aqua);overflow-wrap:anywhere}.inline-search{display:flex;gap:7px;margin-left:auto}.inline-search input{min-width:280px}.alert{border:1px solid rgba(80,224,160,.25);background:rgba(80,224,160,.07);color:#caffea;border-radius:12px;padding:11px 13px;margin-bottom:13px;font-size:10px;transition:.5s}.alert.error{border-color:rgba(255,112,133,.3);background:rgba(255,112,133,.08);color:#ffd0d7}.alert.fade{opacity:.35}.profile-card{display:flex;gap:12px;align-items:center;margin-bottom:15px}.profile-avatar{width:48px;height:48px;font-weight:900}.profile-card h3,.profile-card p{margin:0 0 4px}details summary{cursor:pointer;color:var(--aqua);font-weight:800;margin-bottom:14px}dialog{border:1px solid var(--line);border-radius:18px;background:#0c2034;color:var(--text);width:min(480px,92vw);box-shadow:0 30px 90px rgba(0,0,0,.55)}dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(6px)}.dialog-form{display:grid;gap:12px}.dialog-form div{display:flex;justify-content:flex-end;gap:8px}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#61788f;font-size:8px;padding:17px 4px 0}.login-body{display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0%,rgba(103,90,255,.22),transparent 35%),#06111e}.login-box,.install-box{width:min(440px,96vw);border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,rgba(15,35,56,.98),rgba(8,22,37,.98));box-shadow:0 30px 90px rgba(0,0,0,.45);padding:28px}.login-logo{margin-bottom:18px}.login-box h1,.install-box h1{margin:0 0 7px;font-size:27px}.login-box>p,.install-box>p{color:var(--muted);font-size:10px}.login-box form{display:grid;gap:12px;margin-top:18px}.demo-logins,.install-checks{display:grid;gap:6px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);padding:12px;margin-top:16px;font-size:9px}.install-box{width:min(600px,96vw)}.install-checks p{margin:0}.icon{border:0;background:transparent;color:var(--muted);width:36px;height:36px;display:grid;place-items:center;font-size:18px;border-radius:10px}.menu-btn,.mobile-only{display:none}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);opacity:0;pointer-events:none;z-index:25;transition:.2s}@media(max-width:1250px){.metric-grid{grid-template-columns:repeat(3,1fr)}.integration-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}}@media(max-width:950px){.sidebar{transform:translateX(-103%);transition:.22s}.sidebar.open{transform:none}.backdrop.open{opacity:1;pointer-events:auto}.main{margin-left:0;padding:22px 18px}.menu-btn,.mobile-only{display:grid}.topbar{flex-direction:column}.top-actions{justify-content:flex-start}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.main{padding:15px 11px}.topbar h1{font-size:25px}.top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.scope-bar{flex-direction:column;align-items:flex-start}.kpi-grid,.metric-grid{grid-template-columns:1fr}.form-grid.two,.checks{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.inline-search{width:100%;display:grid;grid-template-columns:1fr auto}.inline-search input{min-width:0}.panel-head{flex-direction:column}.login-box,.install-box{padding:22px}}
