@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";
:root{--bg:#0b0f10;--surface:#161b22;--surface-2:#1c2230;--surface-3:#21262d;--border:#2a313c;--border-soft:#21262d;--lime:#bef264;--lime-dim:#bef26424;--cyan:#9df4f3;--text:#f7f9fb;--muted:#9f9fa9;--muted-2:#71717b;--green:#4ade80;--amber:#fbbf24;--red:#f87171;--purple:#a855f7;--radius:14px}.ss-logo .stripe{stroke:var(--bg)}.wordmark{letter-spacing:-.02em;font-family:Manrope;font-weight:800;line-height:1}.wordmark .wk-skale{color:var(--text)}.wordmark .wk-stack{color:var(--lime)}.tagline{color:var(--purple);letter-spacing:.38em;text-transform:uppercase;font-family:Manrope;font-weight:700}.login-screen{z-index:200;background:radial-gradient(at 30% 20%,#bef2641a,#0000 60%),radial-gradient(at 75% 80%,#9df4f314,#0000 55%),linear-gradient(135deg,#0a0d0e,#0b0f10 60%,#08110f);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.login-screen.on{display:flex}.login-screen:before{content:"";background-image:linear-gradient(#bef2640a 1px,#0000 1px),linear-gradient(90deg,#bef2640a 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask:radial-gradient(#000,#0000 75%);mask:radial-gradient(#000,#0000 75%)}.login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);background:#161b22b8;border-radius:20px;width:400px;padding:38px 34px;position:relative;box-shadow:0 30px 80px -20px #000000b3,0 0 0 1px #bef2640a}.login-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:26px;display:flex}.login-brand .ss-logo{filter:drop-shadow(0 6px 20px #bef26440)}.login-title{letter-spacing:-.03em;margin-top:16px;font-family:Manrope;font-size:30px;font-weight:800}.login-title .px{color:var(--lime)}.login-by{color:var(--muted-2);letter-spacing:.02em;margin-top:5px;font-size:11.5px;font-weight:500}.login-by b{color:var(--text)}.login-h{color:var(--muted);text-align:center;margin-bottom:22px;font-size:13.5px}.login-card .field{margin-bottom:15px}.login-card .field input{padding:12px 13px}.field .with-ic{position:relative}.field .with-ic .ic-l{color:var(--muted-2);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.field .with-ic input{padding-left:38px}.field .with-ic .eye{cursor:pointer;opacity:.65;background:0 0;border:0;border-radius:7px;padding:6px;font-size:15px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.field .with-ic .eye:hover{opacity:1;background:var(--surface-3)}.field .with-ic:has(.eye) input{padding-right:38px}.btn-login{background:linear-gradient(135deg,var(--lime),var(--cyan));color:#0b0f10;cursor:pointer;border:0;border-radius:11px;width:100%;margin-top:8px;padding:13px;font-family:Manrope;font-size:14.5px;font-weight:800}.btn-login:hover{filter:brightness(1.06)}.login-foot{text-align:center;color:var(--muted-2);margin-top:20px;font-size:11px}.login-foot .secure{color:var(--green);align-items:center;gap:6px;font-weight:600;display:inline-flex}.login-tabs{background:var(--bg);border:1px solid var(--border-soft);border-radius:10px;gap:6px;margin-bottom:18px;padding:4px;display:flex}.login-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:8px;font-family:Inter;font-size:12px;font-weight:600}.login-tabs button.on{background:var(--lime-dim);color:var(--lime)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4,.font-display{letter-spacing:-.02em;font-family:Manrope,sans-serif}.app{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-soft);background:#0d1214;flex-direction:column;gap:6px;width:240px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;padding:6px 8px 22px;font-family:Manrope;font-size:17px;font-weight:800;display:flex}.logo .dot{background:linear-gradient(135deg,var(--lime),var(--cyan));color:#0b0f10;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.logo small{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;font-family:Inter;font-size:10px;font-weight:600;display:block}.nav{flex-direction:column;gap:2px;margin-top:4px;display:flex}.nav a{color:var(--muted);cursor:pointer;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.nav a:hover{background:var(--surface);color:var(--text)}.nav a.active{background:var(--lime-dim);color:var(--lime)}.nav a .ic{text-align:center;opacity:.9;width:18px}.side-foot{background:var(--surface);color:var(--muted-2);border-radius:10px;padding:12px;font-size:11.5px}.side-foot b{color:var(--text)}.user-chip{border:1px solid var(--border-soft);border-radius:11px;align-items:center;gap:10px;margin-top:auto;margin-bottom:10px;padding:10px;display:flex}.user-chip .uav{background:linear-gradient(135deg,var(--lime),var(--cyan));color:#0b0f10;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-family:Manrope;font-size:13px;font-weight:800;display:grid}.user-chip .um{flex:1;min-width:0}.user-chip .um b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}.user-chip .um .role{color:var(--purple);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.logout{border:1px solid var(--border);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;place-items:center;font-size:14px;display:grid}.logout:hover{border-color:var(--red);color:var(--red)}.b-super{color:var(--purple);background:#a855f724}.b-super:before{background:var(--purple)}.b-admin{color:var(--cyan);background:#9df4f321}.b-admin:before{background:var(--cyan)}.main{flex:1;max-width:1180px;padding:30px 38px}.topbar{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.crumb{color:var(--muted-2);font-size:12.5px;font-weight:500}.crumb b{color:var(--text)}.screen-switch{background:var(--surface);border:1px solid var(--border-soft);border-radius:11px;gap:6px;padding:4px;display:flex}.screen-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 14px;font-family:Inter;font-size:12.5px;font-weight:600}.screen-switch button.on{background:var(--lime);color:#0b0f10}.screen{display:none}.screen.on{animation:.25s fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pagehead{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.pagehead h1{font-size:25px;font-weight:800}.pagehead p{color:var(--muted);margin-top:4px}.btn{background:var(--lime);color:#0b0f10;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-family:Manrope;font-size:13.5px;font-weight:700;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn.ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn.cyan{background:var(--cyan)}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:18px}.stat .n{font-family:Manrope;font-size:27px;font-weight:800}.stat .l{color:var(--muted);margin-top:3px;font-size:12px}.stat .n.lime{color:var(--lime)}.stat .n.cyan{color:var(--cyan)}.panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden}.panel-h{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:15px 20px;font-family:Manrope;font-size:15px;font-weight:700;display:flex}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);border-bottom:1px solid var(--border-soft);padding:11px 20px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border-soft);padding:14px 20px;font-size:13.5px}tr:last-child td{border-bottom:0}tr:hover td{background:#ffffff03}.client{align-items:center;gap:11px;display:flex}.avatar{color:#0b0f10;border-radius:9px;place-items:center;width:34px;height:34px;font-family:Manrope;font-size:13px;font-weight:700;display:grid}.badge{border-radius:30px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;width:6px;height:6px}.b-live{color:var(--green);background:#4ade8021}.b-live:before{background:var(--green)}.b-prog{color:var(--amber);background:#fbbf2421}.b-prog:before{background:var(--amber);animation:1.3s infinite pulse}.b-draft{color:var(--muted);background:#9f9fa921}.b-draft:before{background:var(--muted)}@keyframes pulse{50%{opacity:.3}}.mini{color:var(--muted-2);font-size:12px}.rowact{color:var(--muted);cursor:pointer;font-size:13px}.rowact:hover{color:var(--lime)}.wizard{grid-template-columns:230px 1fr;gap:26px;display:grid}.steps{flex-direction:column;gap:4px;display:flex}.step{cursor:pointer;border-radius:11px;gap:12px;padding:13px 14px;display:flex}.step .num{border:1.5px solid var(--border);width:26px;height:26px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.step.done .num{background:var(--lime);border-color:var(--lime);color:#0b0f10}.step.active{background:var(--surface)}.step.active .num{border-color:var(--lime);color:var(--lime)}.step .t{font-size:13.5px;font-weight:600}.step.active .t{color:var(--text)}.step:not(.active) .t{color:var(--muted)}.step .d{color:var(--muted-2);font-size:11.5px}.form-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:26px}.form-card h2{margin-bottom:4px;font-size:19px;font-weight:800}.form-card .sub{color:var(--muted);margin-bottom:22px;font-size:13px}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{margin-bottom:16px}.field label{color:#d4d4d8;margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.field label .req{color:var(--lime)}.field input,.field select{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:9px;padding:11px 13px;font-family:Inter;font-size:13.5px}.field input:focus,.field select:focus{border-color:var(--lime);outline:none}.field .hint{color:var(--muted-2);margin-top:6px;font-size:11px}.field .prefix{background:var(--bg);border:1px solid var(--border);border-radius:9px;align-items:center;display:flex;overflow:hidden}.field .prefix span{color:var(--muted-2);background:var(--surface-3);white-space:nowrap;padding:11px 12px;font-size:13px}.field .prefix input{border:0;border-radius:0}.cred{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.cred .ci{background:var(--surface-3);border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.cred .cmeta{flex:1;min-width:0}.cred .cmeta b{font-size:13px;font-weight:600}.cred .cmeta .tt{color:var(--muted-2);font-size:11px}.cred input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;flex:1;max-width:230px;padding:9px 11px;font-family:ui-monospace,monospace;font-size:12.5px}.test{border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:7px 11px;font-size:11.5px;font-weight:600}.test.ok{border-color:var(--green);color:var(--green)}.test.ok:before{content:"✓ "}.wact{justify-content:space-between;margin-top:24px;display:flex}.prov{grid-template-columns:1fr 1fr;gap:20px;display:grid}.plan-list{flex-direction:column;gap:9px;list-style:none;display:flex}.plan-list li{background:var(--bg);border:1px solid var(--border-soft);border-radius:10px;align-items:center;gap:11px;padding:11px 14px;font-size:13px;display:flex}.plan-list li .pi{background:var(--lime-dim);width:24px;height:24px;color:var(--lime);border-radius:7px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.plan-list li .cnt{color:var(--muted-2);margin-left:auto;font-size:12px}.log{border:1px solid var(--border-soft);background:#08090a;border-radius:10px;max-height:330px;padding:16px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.9;overflow:auto}.log .ts{color:var(--muted-2)}.log .ok2{color:var(--green)}.log .info{color:var(--cyan)}.log .run{color:var(--amber)}.progress{background:var(--surface-3);border-radius:30px;height:7px;margin:14px 0 18px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--lime),var(--cyan));border-radius:30px;width:68%;height:100%;display:block}.webhook-card{background:var(--bg);border:1px dashed var(--border);color:var(--cyan);word-break:break-all;border-radius:10px;margin-top:12px;padding:13px 15px;font-family:ui-monospace,monospace;font-size:11.5px}.note{color:var(--muted-2);text-align:center;border-top:1px solid var(--border-soft);margin-top:30px;padding-top:18px;font-size:11px}