@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#f7f8fc;--card:#fff;--ink:#111827;--muted:#6b7280;--line:#e7e9f2;--primary:#6d5dfc;--primary2:#8f68ff;--dark:#151528;--green:#16a36a;--red:#e74c5c;--shadow:0 18px 50px rgba(36,32,84,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}.topbar{height:76px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--primary),#aa78ff);color:white;box-shadow:0 9px 24px rgba(109,93,252,.28)}.main-nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.main-nav a:hover{color:var(--primary)}.nav-cta{background:var(--dark);color:white!important;padding:10px 15px;border-radius:11px}.nav-ghost{color:var(--muted)!important}.mobile-nav-btn{display:none;border:0;background:transparent;font-size:24px}.flash{margin-top:16px;border-radius:12px;padding:12px 16px;font-weight:600;font-size:14px}.flash.success{background:#e9fbf3;color:#08784a;border:1px solid #bdeed9}.flash.error,.form-error{background:#fff0f2;color:#b42338;border:1px solid #ffd3d9}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center;padding-top:92px;padding-bottom:86px}.pill{display:inline-block;border:1px solid #ddd9ff;background:#f0eeff;color:#5b4ce1;padding:7px 11px;border-radius:99px;font-size:12px;font-weight:800;letter-spacing:.08em}.hero h1{font-size:62px;line-height:1.04;letter-spacing:-.055em;margin:20px 0 18px;max-width:760px}.hero h1 span{color:var(--primary)}.lead{font-size:19px;color:var(--muted);max-width:700px}.hero-shortener{display:flex;background:white;border:1px solid var(--line);padding:7px;border-radius:16px;box-shadow:var(--shadow);margin-top:28px;max-width:720px}.hero-shortener input{flex:1;border:0;padding:0 14px;outline:0;min-width:0}.btn{appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border-radius:11px;padding:12px 18px;font-weight:750;cursor:pointer;box-shadow:0 8px 20px rgba(109,93,252,.20)}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.full{width:100%}.light-btn{background:white;color:var(--primary);box-shadow:none}.hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:15px;color:var(--muted);font-size:12px}.hero-meta span:before{content:'✓';color:var(--green);font-weight:800;margin-right:6px}.hero-panel{position:relative}.hero-panel:before{content:'';position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,#d8d2ff 0,rgba(216,210,255,0) 70%);left:50%;top:50%;transform:translate(-50%,-50%)}.browser-card{position:relative;background:white;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 28px 80px rgba(48,40,116,.18);transform:rotate(1.5deg)}.browser-top{display:flex;gap:7px;align-items:center}.browser-top i{width:8px;height:8px;border-radius:50%;background:#d8dbe6}.browser-top div{margin-left:8px;background:#f4f5f9;color:#777d8d;padding:7px 12px;border-radius:8px;font-size:11px;flex:1}.mini-kpi{margin:34px 0 18px}.mini-kpi span,.mini-kpi em{display:block;color:var(--muted);font-size:12px;font-style:normal}.mini-kpi strong{font-size:42px;letter-spacing:-.05em}.mini-kpi em{color:var(--green);font-weight:700}.chart-bars{height:180px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid var(--line);padding:0 5px}.chart-bars b{flex:1;background:linear-gradient(180deg,#9c8cff,var(--primary));border-radius:7px 7px 2px 2px}.mode-pills{display:flex;gap:8px;margin-top:18px}.mode-pills span,.tag{background:#f0eeff;color:#5c50d9;border:1px solid #ded9ff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:750}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:82px}.feature{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(26,29,51,.04)}.feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f0eeff;color:var(--primary);font-size:18px;margin-bottom:18px}.feature b{font-size:16px}.feature p{color:var(--muted);font-size:13px;margin:8px 0 0}.feature code{font-size:12px;background:#f4f5f7;padding:1px 4px;border-radius:4px}.split-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:80px 0}.eyebrow{color:var(--primary);font-size:11px;font-weight:850;letter-spacing:.14em}.eyebrow.light{color:#d8d3ff}.split-section h2,.cta-band h2,.pricing-head h1,.page-head h1,.dashboard-head h1{font-size:40px;line-height:1.1;letter-spacing:-.045em;margin:12px 0}.split-section p{color:var(--muted);max-width:560px}.landing-demo{background:white;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.safe-dot{font-size:11px;color:var(--green);font-weight:800}.landing-demo h3{font-size:26px;letter-spacing:-.03em}.fake-progress,.progress{height:8px;background:#eeeef5;border-radius:999px;overflow:hidden;margin:22px 0}.fake-progress i,.progress i{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--primary),#b078ff);border-radius:inherit}.cta-band{margin-top:60px;margin-bottom:80px;background:linear-gradient(135deg,#252145,#433a84);color:white;border-radius:24px;padding:36px 42px;display:flex;align-items:center;justify-content:space-between}.cta-band h2{margin-bottom:0}.auth-shell{min-height:670px;display:grid;grid-template-columns:1fr 480px;gap:90px;align-items:center;padding:70px 0}.single-auth{grid-template-columns:minmax(300px,480px);justify-content:center}.auth-copy h1{font-size:48px;line-height:1.08;letter-spacing:-.05em}.auth-copy p{color:var(--muted);font-size:17px}.check-list{list-style:none;padding:0;margin:28px 0}.check-list li{margin:12px 0}.check-list li:before{content:'✓';display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e9fbf3;color:var(--green);font-size:12px;font-weight:800;margin-right:10px}.auth-card,.form-panel,.panel,.price-card,.payment-card{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.auth-card{padding:34px}.auth-card h2{font-size:29px;letter-spacing:-.04em;margin:15px 0 3px}.auth-brand{margin-bottom:22px}.muted,.small-text{color:var(--muted)}.small-text{font-size:12px}.center{text-align:center}.form-error{padding:11px 13px;border-radius:10px;margin:14px 0;font-size:13px}.auth-card label,.stack-form label,.settings-form label{display:block;font-size:12px;font-weight:750;color:#434758;margin:14px 0}.auth-card label span,.stack-form label span{font-weight:500;color:#999}.auth-card input,.stack-form input,.stack-form select,.stack-form textarea,.settings-form input,.settings-form select,.inline-form select{width:100%;border:1px solid #dde0ea;background:#fff;border-radius:10px;padding:11px 12px;outline:0;margin-top:6px;color:var(--ink)}.auth-card input:focus,.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus,.settings-form input:focus{border-color:#a69cff;box-shadow:0 0 0 3px #f0eeff}.dashboard-head,.page-head{display:flex;align-items:end;justify-content:space-between;padding-top:50px;padding-bottom:24px}.dashboard-head p,.page-head p{color:var(--muted);margin:0}.plan-chip{display:flex;gap:12px;align-items:center;background:white;border:1px solid var(--line);padding:10px 14px;border-radius:12px}.plan-chip span{font-size:10px;font-weight:900;color:#8178b8}.plan-chip b{font-size:12px}.plan-chip.pro span{color:var(--primary)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi-grid.three{grid-template-columns:repeat(3,1fr)}.kpi{background:white;border:1px solid var(--line);border-radius:15px;padding:18px}.kpi span,.kpi small{display:block;color:var(--muted);font-size:11px}.kpi strong{display:block;font-size:29px;letter-spacing:-.04em;margin:6px 0}.kpi .small-kpi{font-size:19px}.dashboard-grid,.analytics-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:18px;margin-bottom:18px}.analytics-grid{grid-template-columns:1.35fr .65fr}.panel{padding:24px}.panel-title,.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-title h2,.admin-card h2{font-size:18px;margin:0}.panel-title p,.card-head p{color:var(--muted);font-size:12px;margin:3px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prefix-input{display:flex;align-items:center;border:1px solid #dde0ea;border-radius:10px;margin-top:6px;overflow:hidden}.prefix-input b{font-size:11px;color:var(--muted);padding-left:12px;white-space:nowrap}.prefix-input input{border:0!important;margin:0!important;box-shadow:none!important}.upgrade-note{font-size:12px;padding:12px;border-radius:10px;background:#faf9ff;border:1px solid #e4e0ff;color:#5d57a5}.upgrade-note a{font-weight:800;color:var(--primary)}.mode-list>div{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.mode-list>div:last-child{border-bottom:0}.mode-list>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f0eeff;color:var(--primary);font-size:11px;font-weight:900}.mode-list b{font-size:13px}.mode-list p{font-size:11px;color:var(--muted);margin:3px 0}.link-panel{margin-bottom:70px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#7b8090;font-size:10px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:10px 12px}td{border-bottom:1px solid #f0f1f5;padding:13px 12px;vertical-align:middle}tr:last-child td{border-bottom:0}.table-sub{display:block;color:var(--muted);margin-top:4px;font-size:10px}.link-primary{display:flex;align-items:center;gap:7px}.link-primary a{color:var(--primary);font-weight:750}.copy-btn,.row-actions button,.row-actions a,.table-btn{border:0;background:none;color:#5f6373;padding:0;font-size:11px;cursor:pointer;font-weight:650}.copy-btn{background:#f4f3ff;padding:4px 7px;border-radius:6px;color:var(--primary)}.row-actions{display:flex;gap:10px;align-items:center;white-space:nowrap}.row-actions form{display:inline}.danger-link{color:var(--red)!important}.status{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:10px;font-weight:800}.status.on{background:#e9fbf3;color:#0a7d50}.status.off{background:#fff0f2;color:#b42338}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.truncate.wide{max-width:620px}.empty-state{text-align:center;padding:45px;color:var(--muted)}.empty-state.small{padding:25px}.simple-chart{height:235px;display:flex;align-items:flex-end;gap:6px;padding-top:15px}.simple-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:12px}.simple-chart i{width:70%;background:linear-gradient(180deg,#a397ff,var(--primary));border-radius:5px 5px 2px 2px}.simple-chart small{font-size:8px;color:#9296a4;margin-top:6px;writing-mode:vertical-rl}.metric-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.pricing-head{text-align:center;padding:75px 0 35px}.pricing-head h1{font-size:48px}.pricing-head p{color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:850px;margin-bottom:90px}.price-card{padding:32px;position:relative}.price-card.featured{border-color:#b8afff;box-shadow:0 24px 55px rgba(95,79,216,.16)}.popular{position:absolute;top:18px;right:18px;font-size:9px;background:#ece9ff;color:var(--primary);padding:5px 8px;border-radius:99px;font-weight:900}.plan-name{font-size:11px;letter-spacing:.12em;color:var(--primary);font-weight:900}.price-card h2{font-size:42px;letter-spacing:-.05em;margin:8px 0 0}.price-card h2 small{font-size:13px;color:var(--muted);letter-spacing:0}.price-card>p{color:var(--muted);font-size:12px}.price-card ul{list-style:none;padding:15px 0;margin:15px 0;border-top:1px solid var(--line)}.price-card li{font-size:13px;margin:12px 0}.price-card li:before{content:'✓';color:var(--green);font-weight:900;margin-right:8px}.payment-shell{min-height:650px;display:grid;place-items:center}.payment-card{width:min(480px,100%);padding:34px}.pay-price{font-size:46px;font-weight:850;letter-spacing:-.06em}.pay-price small{font-size:13px;color:var(--muted);letter-spacing:0}.secure-box{background:#f7f7fb;border:1px solid var(--line);padding:12px;border-radius:10px;font-size:11px;color:var(--muted);margin:20px 0}.form-panel{padding:28px;margin-bottom:70px}.redirect-body{min-height:100vh;background:radial-gradient(circle at top,#ebe8ff,transparent 45%),#f7f8fc}.redirect-wrap{min-height:100vh;display:grid;place-items:center;padding:25px}.redirect-card{width:min(540px,100%);background:white;border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 80px rgba(48,40,116,.16);padding:34px;text-align:center}.safe-badge{display:inline-block;background:#e9fbf3;color:#08784a;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:850}.redirect-card h1{font-size:30px;letter-spacing:-.04em}.redirect-card>p{color:var(--muted)}.destination-box{text-align:left;background:#f7f7fb;border:1px solid var(--line);border-radius:12px;padding:13px;margin:20px 0}.destination-box span,.destination-box small{display:block;color:var(--muted);font-size:10px}.destination-box strong{display:block;margin:3px 0}.destination-box small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.countdown-line{display:flex;justify-content:center;gap:6px;color:var(--muted);font-size:12px}.countdown-line b{color:var(--primary)}.cancel-link{display:block;color:var(--muted);font-size:11px;margin-top:15px}.footer{background:#151528;color:#d9d9e7;margin-top:40px;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid p,.footer-grid a{color:#9fa0b4;font-size:12px}.footer-grid a:hover{color:white}.footer-brand{color:white}.footer-bottom{border-top:1px solid #2a2a40;margin-top:35px;padding-top:18px;color:#77798e;font-size:11px}.admin-layout{display:grid;grid-template-columns:220px 1fr;gap:22px;padding-top:28px;padding-bottom:70px}.admin-sidebar{background:#171729;color:#d7d7e6;border-radius:20px;padding:16px;height:calc(100vh - 120px);min-height:620px;position:sticky;top:98px;display:flex;flex-direction:column}.admin-title{padding:10px 9px 18px;border-bottom:1px solid #2b2b40;margin-bottom:10px}.admin-title span{display:block;color:#8c88b5;font-size:9px;letter-spacing:.18em}.admin-title b{font-size:18px}.admin-sidebar>a{display:flex;align-items:center;gap:10px;padding:10px 9px;margin:2px 0;border-radius:9px;color:#aaaabd;font-size:12px;font-weight:650}.admin-sidebar>a span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#24243a;font-size:9px}.admin-sidebar>a.active,.admin-sidebar>a:hover{background:#2b2850;color:white}.admin-sidebar>a.active span{background:var(--primary)}.admin-user{margin-top:auto;border-top:1px solid #2b2b40;padding:15px 8px 5px}.admin-user small,.admin-user b,.admin-user a{display:block}.admin-user small{color:#7f7f94;font-size:9px}.admin-user b{font-size:12px;margin:3px 0}.admin-user a{font-size:10px;color:#aaaabd}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.admin-top h1{font-size:32px;margin:4px 0;letter-spacing:-.04em}.live-dot{font-size:10px;color:var(--muted);background:white;border:1px solid var(--line);padding:7px 9px;border-radius:99px}.live-dot i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:5px}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.admin-kpis>div,.admin-card{background:white;border:1px solid var(--line);border-radius:16px}.admin-kpis>div{padding:17px}.admin-kpis span,.admin-kpis small{display:block;color:var(--muted);font-size:10px}.admin-kpis b{display:block;font-size:26px;margin:4px 0;letter-spacing:-.04em}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-card{padding:20px;box-shadow:0 9px 25px rgba(28,31,55,.03)}.mini-list>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}.mini-list>div:last-child{border-bottom:0}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f0eeff;color:var(--primary);font-weight:850;font-size:11px}.link-avatar{background:#edf8ff;color:#1680be}.mini-list>div>div{min-width:0;flex:1}.mini-list b,.mini-list small{display:block}.mini-list b{font-size:11px}.mini-list small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-list em{font-size:8px;font-style:normal;font-weight:800;color:#777d91}.admin-dest{max-width:240px}.table-btn{background:#f0eeff;border-radius:7px;padding:5px 8px;color:var(--primary)}.inline-form{display:flex;gap:7px;align-items:center}.inline-form select{margin:0;padding:6px;min-width:100px}.settings-card{max-width:850px}.settings-form .setting-toggles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.setting-toggles label{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--line);padding:12px;border-radius:11px;margin:0}.setting-toggles input{width:auto;margin:3px 0 0}.setting-toggles b,.setting-toggles small{display:block}.setting-toggles small{color:var(--muted);font-weight:500;font-size:9px}.settings-form small{display:block;color:var(--muted);font-size:9px;margin-top:4px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px;gap:30px}.hero h1{font-size:48px}.hero-panel{max-width:560px}.feature-grid{grid-template-columns:1fr 1fr}.split-section{grid-template-columns:1fr;gap:30px}.auth-shell{grid-template-columns:1fr;gap:25px}.auth-copy{display:none}.dashboard-grid,.analytics-grid{grid-template-columns:1fr}.kpi-grid,.admin-kpis{grid-template-columns:1fr 1fr}.admin-layout{grid-template-columns:1fr}.admin-sidebar{height:auto;min-height:0;position:static;display:grid;grid-template-columns:repeat(3,1fr)}.admin-title,.admin-user{grid-column:1/-1}.admin-grid{grid-template-columns:1fr}.settings-form .setting-toggles{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:650px){.shell{width:min(100% - 24px,1180px)}.topbar{height:66px}.main-nav{display:none;position:absolute;top:60px;left:12px;right:12px;background:white;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:14px;flex-direction:column;align-items:stretch;gap:2px}.main-nav.open{display:flex}.main-nav a{padding:10px}.mobile-nav-btn{display:block}.hero{padding-top:45px;padding-bottom:55px}.hero h1{font-size:40px}.lead{font-size:16px}.hero-shortener{flex-direction:column}.hero-shortener input{padding:12px}.hero-meta{gap:8px 14px}.feature-grid{grid-template-columns:1fr}.split-section{padding:45px 0}.split-section h2,.pricing-head h1,.page-head h1,.dashboard-head h1{font-size:32px}.cta-band{flex-direction:column;align-items:flex-start;gap:20px;padding:28px}.auth-shell{padding:35px 0}.auth-card{padding:24px}.two-col{grid-template-columns:1fr}.dashboard-head,.page-head{align-items:flex-start;flex-direction:column;gap:15px}.kpi-grid,.kpi-grid.three{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.pricing-head{padding-top:50px}.admin-sidebar{grid-template-columns:1fr 1fr}.admin-kpis{grid-template-columns:1fr 1fr}.admin-top{align-items:flex-start}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.simple-chart small{display:none}.browser-card{transform:none}.row-actions{flex-wrap:wrap}.redirect-card{padding:24px}}


/* v3 installer, recovery and admin email/account UI */
.installer-body{background:#f4f5fb}.install-page{min-height:100vh;padding:40px 20px;display:grid;place-items:center;background:radial-gradient(circle at 8% 5%,rgba(109,93,252,.15),transparent 32%),radial-gradient(circle at 95% 88%,rgba(88,200,172,.12),transparent 28%),#f5f6fb}.install-shell{width:min(1120px,100%);display:grid;grid-template-columns:.82fr 1.45fr;gap:22px;align-items:start}.install-side{position:sticky;top:40px;background:linear-gradient(145deg,#17172c,#24204b);color:white;border-radius:28px;padding:38px;min-height:540px;box-shadow:0 25px 70px rgba(32,29,73,.20)}.install-logo{width:54px;height:54px;display:grid;place-items:center;background:linear-gradient(135deg,#7d70ff,#5f4fe7);border-radius:17px;color:white;font-weight:900;font-size:24px;box-shadow:0 14px 30px rgba(109,93,252,.30);margin-bottom:32px}.install-side .eyebrow{color:#aaa3ff}.install-side h1{font-size:44px;line-height:1.04;letter-spacing:-.055em;margin:10px 0 16px}.install-side>p{color:#bfc0d4;line-height:1.7;font-size:14px}.install-checks{display:grid;gap:12px;margin-top:35px}.install-checks span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:11px 12px;font-size:12px;color:#e6e5f3}.install-card{background:white;border:1px solid #e7e8f0;border-radius:28px;padding:30px;box-shadow:0 25px 70px rgba(33,31,75,.09)}.install-card.compact{width:min(500px,100%);text-align:center}.install-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.install-head span{font-size:9px;letter-spacing:.18em;color:var(--primary);font-weight:900}.install-head h2{margin:4px 0 0;font-size:28px}.install-head>b{background:#f0eeff;color:var(--primary);border-radius:99px;padding:7px 10px;font-size:10px}.install-section{padding:20px;border:1px solid #ececf3;border-radius:17px;background:#fcfcfe;margin-bottom:14px}.install-section.optional{background:#fafaff}.install-section-title{display:flex;gap:11px;align-items:center;margin-bottom:16px}.install-section-title i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eeecff;color:var(--primary);font-size:10px;font-weight:900}.install-section-title b,.install-section-title small{display:block}.install-section-title b{font-size:14px}.install-section-title small{font-size:9px;color:var(--muted);margin-top:2px}.install-btn{padding:14px;margin-top:4px}.security-note{text-align:center;color:#9294a5;font-size:9px;line-height:1.6;margin:13px 0 0}.install-error{margin-bottom:16px}.success-orb{width:65px;height:65px;display:grid;place-items:center;border-radius:20px;background:#e9fbf3;color:#08784a;font-size:28px;font-weight:900;margin:0 auto 20px}.install-card.compact h1{font-size:30px}.install-done{background:#f7f7fc;border:1px solid var(--line);border-radius:13px;padding:14px;font-size:11px;line-height:1.6;margin:20px 0}.auth-card-premium{border-top:4px solid var(--primary);box-shadow:0 24px 65px rgba(48,40,116,.12)}.auth-kicker{font-size:9px;letter-spacing:.18em;color:var(--primary);font-weight:900;margin:10px 0 5px}.auth-row{display:flex;justify-content:space-between;align-items:center;margin:-2px 0 15px;font-size:10px}.auth-row a{color:var(--primary);font-weight:700}.remember-hint{color:var(--muted);margin:0;font-size:10px}.reset-card{width:min(470px,100%)}.reset-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eeecff;color:var(--primary);font-size:20px;font-weight:900;margin-bottom:12px}.reset-success{display:flex;flex-direction:column;gap:5px;background:#eafbf4;border:1px solid #ccefe1;border-radius:12px;padding:14px;margin:18px 0;color:#126245}.reset-success b{font-size:13px}.reset-success span{font-size:10px;line-height:1.6}.mail-pill{font-size:9px;letter-spacing:.12em;color:#5f4fe7;background:#f0eeff;border-radius:99px;padding:7px 10px;font-weight:900}.smtp-note{display:flex;flex-direction:column;gap:4px;background:linear-gradient(135deg,#f4f2ff,#fafaff);border:1px solid #e5e0ff;border-radius:13px;padding:14px;margin-bottom:18px}.smtp-note b{font-size:12px;color:#4d42b6}.smtp-note span{font-size:10px;line-height:1.6;color:#74768a}.test-mail-box{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.test-mail-box b,.test-mail-box small{display:block}.test-mail-box b{font-size:13px}.test-mail-box small{font-size:9px;color:var(--muted);margin-top:3px}.inline-test{display:flex;gap:8px;min-width:360px}.inline-test input{margin:0}.inline-test .btn{white-space:nowrap}.admin-content{min-width:0}.admin-sidebar>a:nth-of-type(7),.admin-sidebar>a:nth-of-type(8){border-top:1px solid rgba(255,255,255,.05)}
@media(max-width:900px){.install-shell{grid-template-columns:1fr}.install-side{position:static;min-height:0}.install-side h1{font-size:36px}.test-mail-box{align-items:stretch;flex-direction:column}.inline-test{min-width:0;width:100%}}
@media(max-width:650px){.install-page{padding:18px 10px}.install-card,.install-side{padding:22px;border-radius:20px}.install-side h1{font-size:32px}.install-section{padding:15px}.inline-test{flex-direction:column}.install-card .two-col{grid-template-columns:1fr}}

/* v4 powerful client + admin panels */
.account-alert{display:flex;gap:10px;align-items:center;border:1px solid #ffe0a8;background:#fff8e9;color:#78521b;border-radius:14px;padding:14px 16px;margin:0 0 18px}.account-alert b{font-size:13px;white-space:nowrap}.account-alert span{font-size:11px;line-height:1.5}.account-alert.danger{border-color:#ffd0d0;background:#fff4f4;color:#8f2c2c}.mini-badge{font-size:8px;font-weight:900;letter-spacing:.14em;color:#5d50da;background:#f0eeff;border-radius:99px;padding:7px 9px}.traffic-panel .simple-chart{height:165px;margin-bottom:14px}.compact-chart{height:145px!important}.source-list{border-top:1px solid var(--line);padding-top:10px}.risk-pill{display:inline-flex;align-items:center;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:850;white-space:nowrap}.risk-pill.safe{background:#eaf9f2;color:#18724d}.risk-pill.warn{background:#fff0e8;color:#a04b22}.status.danger{background:#fff0f0;color:#a92f2f;border-color:#ffd5d5}.analytics-four{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;margin-bottom:16px}.mini-metric-card{padding:17px!important}.quality-ring{min-height:190px;display:grid;place-items:center;align-content:center;border-radius:18px;background:radial-gradient(circle,#fff 42%,transparent 43%),conic-gradient(#6d5dfc 0 82%,#eceafc 82% 100%);margin-top:10px}.quality-ring strong{font-size:34px;letter-spacing:-.05em}.quality-ring span{font-size:10px;color:var(--muted)}.health-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.health-stats>div{border:1px solid var(--line);background:#fbfbfe;border-radius:13px;padding:14px}.health-stats strong,.health-stats span{display:block}.health-stats strong{font-size:22px}.health-stats span{font-size:9px;color:var(--muted);margin-top:3px}.admin-filter{display:grid;grid-template-columns:1fr 170px auto;gap:10px;margin:0 0 16px}.admin-filter input,.admin-filter select{margin:0}.risk-filter{display:flex;gap:8px;align-items:center}.risk-filter input{width:90px;margin:0}.traffic-table{margin-top:16px}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.danger-zone{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.danger-zone b{font-size:12px;color:#a52d2d}.danger-zone p{font-size:10px;color:var(--muted);line-height:1.5}.danger-btn{background:#b92d2d!important}.btn:disabled{opacity:.5;cursor:not-allowed}.admin-sidebar{overflow:auto}.admin-sidebar>a span{width:23px;height:23px;display:inline-grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.05);font-size:8px;margin-right:7px}.admin-sidebar>a.active span{background:rgba(255,255,255,.15)}
@media(max-width:1000px){.analytics-four{grid-template-columns:1fr 1fr}.admin-detail-grid{grid-template-columns:1fr}.admin-filter{grid-template-columns:1fr 150px auto}}
@media(max-width:650px){.analytics-four{grid-template-columns:1fr}.admin-filter{grid-template-columns:1fr}.risk-filter{width:100%}.risk-filter input{flex:1}.health-stats{grid-template-columns:1fr 1fr}.account-alert{align-items:flex-start;flex-direction:column}}

/* v4.1 clean three-step installer */
.install-shell-clean{grid-template-columns:.88fr 1.42fr;max-width:1080px;align-items:stretch}
.install-side-clean{min-height:650px;overflow:hidden;position:relative;background:linear-gradient(155deg,#121427 0%,#211d4b 58%,#30257b 100%)}
.install-side-clean:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-165px;bottom:-145px;background:rgba(145,120,255,.18);box-shadow:0 0 0 65px rgba(145,120,255,.06)}
.install-side-clean>*,.install-card-clean>*{position:relative;z-index:1}
.install-side-clean h1{max-width:390px}
.install-progress{display:grid;gap:13px;margin:34px 0 28px}
.install-progress>div{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);border-radius:14px}
.install-progress i{font-style:normal;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(151,133,255,.18);border:1px solid rgba(177,166,255,.18);font-size:10px;font-weight:900;color:#cbc3ff}
.install-progress b,.install-progress small{display:block}.install-progress b{font-size:12px}.install-progress small{font-size:9px;color:#aeb0c9;margin-top:2px}
.install-secure-badge{display:flex;gap:11px;align-items:center;margin-top:auto;padding-top:18px}
.install-secure-badge>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(53,214,153,.13);color:#72e4b5;border:1px solid rgba(96,223,173,.2);font-weight:900}
.install-secure-badge b,.install-secure-badge small{display:block}.install-secure-badge b{font-size:11px}.install-secure-badge small{font-size:9px;color:#aeb0c9;margin-top:2px}
.install-card-clean{padding:32px;align-self:stretch}.clean-head{align-items:flex-start}.clean-head p{font-size:10px;color:var(--muted);margin:5px 0 0}.clean-section{background:#fff;border-color:#e8e9f1;box-shadow:0 7px 24px rgba(47,44,92,.035);transition:.2s ease}.clean-section:focus-within{border-color:#d2cdfd;box-shadow:0 8px 28px rgba(109,93,252,.075)}
.clean-section label{font-size:10px;font-weight:700;color:#4a4d5d}.clean-section label small{display:block;font-size:8px;color:#9a9cab;font-weight:500;margin-top:5px}.clean-section input{background:#fafafe;border-color:#e6e7ef}.clean-section input:focus{background:#fff;border-color:#b8afff;box-shadow:0 0 0 3px rgba(109,93,252,.08)}
.install-bottom-note{display:flex;justify-content:center;align-items:center;gap:7px;padding:12px 0 0;color:#9093a3}.install-bottom-note span{font-size:11px}.install-bottom-note p{font-size:9px;margin:0}.install-kicker{font-size:9px;letter-spacing:.18em;color:var(--primary);font-weight:900;margin-bottom:6px}.install-success-wrap{text-align:center;padding:38px 15px}.install-success-wrap h2{font-size:30px;letter-spacing:-.035em;margin:7px 0 8px}.install-success-wrap>.muted{max-width:500px;margin:0 auto 24px}.clean-done{text-align:left;display:flex;gap:12px;align-items:center;margin:10px 0;padding:14px 15px}.clean-done>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#eeecff;color:var(--primary);font-size:9px;font-weight:900;flex:0 0 auto}.clean-done b,.clean-done small{display:block}.clean-done b{font-size:11px}.clean-done small{font-size:9px;color:var(--muted);margin-top:2px;line-height:1.5}.install-finished-card{max-width:520px}
@media(max-width:900px){.install-shell-clean{grid-template-columns:1fr}.install-side-clean{min-height:auto}.install-progress{grid-template-columns:repeat(3,1fr)}.install-progress>div{align-items:flex-start}.install-progress small{display:none}}
@media(max-width:650px){.install-progress{grid-template-columns:1fr;gap:8px}.install-progress small{display:block}.install-card-clean{padding:20px}.install-success-wrap{padding:20px 0}.install-success-wrap h2{font-size:25px}}
.gateway-webhook{align-items:flex-start;flex-direction:column}.gateway-webhook code{display:block;width:100%;overflow:auto;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fafafe;font-size:10px;color:#5146be}
