:root{color-scheme:dark;--bg:#071018;--panel:#101d28;--panel2:#132430;--border:#203645;--txt:#e8f3f6;--muted:#8aa0ac;--accent:#24c9ab;--accent2:#81e9d0;--red:#ed6781;--yellow:#efbe76;--blue:#7cbcf0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}
.login-screen{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 25%,#16463b88,transparent 38%),radial-gradient(circle at 88% 70%,#12334b99,transparent 35%),#071018}.login-shapes{position:absolute;width:85vw;height:85vw;border:1px solid #317a7760;border-radius:50%;transform:translate(50%,20%)}.login-shapes:before,.login-shapes:after{content:"";position:absolute;border:1px solid #317a7740;border-radius:50%;inset:12%}.login-shapes:after{inset:25%}.login-card{position:relative;z-index:1;width:min(460px,90vw);padding:42px;background:#0e1a23ed;border:1px solid #285149;border-radius:22px;box-shadow:0 25px 95px #01060c99}.login-card h1{letter-spacing:-.03em;font-size:32px;line-height:1.2;margin:18px 0 12px}.login-card h1 span{display:block;color:var(--accent)}.login-card p{color:var(--muted);line-height:1.7;margin-bottom:30px}.login-card label{display:block;color:#b4cbd1;font-size:12px;letter-spacing:.01em;margin:15px 0}.login-card input{margin-top:8px;width:100%}.login-foot{border-top:1px solid var(--border);padding-top:20px;margin-top:24px;text-align:center;color:#708b97;font-size:12px}.logomark{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#1df1c2,#078f9d);font-size:23px;font-weight:1000;color:#07313a;position:relative}.logomark span{font-size:10px;position:absolute;bottom:5px;right:5px}.logomark.large{width:57px;height:57px;font-size:34px}.eyebrow{color:#819da8;font-size:10px;letter-spacing:.15em;font-weight:750}.eyebrow span{color:var(--accent)}
.shell{display:flex;min-height:100vh}.sidebar{width:260px;flex-shrink:0;background:#0c1821;border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:31px 22px 38px}.brand b{letter-spacing:.04em;font-size:15px}.brand small{display:block;color:var(--accent);font-size:9px;letter-spacing:.24em;margin-top:5px;font-weight:800}.section-label{margin:0 24px 13px;color:#638392;font-size:10px;font-weight:750;letter-spacing:.17em}nav{display:grid;gap:5px;padding:0 12px}nav button{width:100%;display:flex;align-items:center;text-align:left;border:0;border-radius:10px;padding:13px 14px;background:transparent;color:#a8bfca;gap:13px;font-weight:580}nav button:hover,nav button.active{background:#123d3b;color:#adf9e6}nav button.active{box-shadow:inset 3px 0 var(--accent)}.nav-icon{font-size:20px;width:24px;text-align:center;color:#71ada8}.sidebar-bottom{margin-top:auto;padding:27px 23px;color:#a1d2ce;font-size:12px;border-top:1px solid var(--border)}.sidebar-bottom small{display:block;color:#708691;margin:7px 0 0 18px}.statusdot{display:inline-block;width:9px;height:9px;background:var(--accent);border-radius:50%;margin-right:8px;box-shadow:0 0 10px #24c9ab80}
.main{width:100%;min-width:0;padding:34px clamp(18px,3.1vw,46px) 20px;max-width:1850px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:30px;border-bottom:1px solid var(--border)}h2{font-size:28px;letter-spacing:-.035em;margin:10px 0 0;font-weight:760}.righthead{display:flex;align-items:center;gap:15px}.chip{border:1px solid #2c6c62;background:#123a35;border-radius:20px;padding:8px 12px;color:#7be6c8;font-size:11px;font-weight:750;white-space:nowrap}.me{color:#b2c6ce;font-size:12px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ghost{background:transparent;border:1px solid var(--border);color:#aac3ce;border-radius:8px;padding:9px 12px}.ghost:hover{border-color:var(--accent)}.primary{display:inline-flex;justify-content:center;align-items:center;gap:13px;border:1px solid #37d8b8;color:#07332f;background:linear-gradient(135deg,#2be2bd,#16acaa);border-radius:9px;padding:11px 17px;font-weight:800;box-shadow:0 8px 26px #03d5af13}.primary:hover{filter:brightness(1.08)}.primary.full{width:100%;margin-top:13px;padding:13px}.primary b{margin-left:auto}input,select{border:1px solid #2a4350;background:#09151f;color:var(--txt);padding:12px 13px;border-radius:9px;outline:0;min-width:0}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #11bda626}option{background:#0c1d27}label{color:#bed0d7;font-size:12px;display:block}label input,label select{width:100%;margin-top:8px}.layout{padding-top:28px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{background:linear-gradient(145deg,#13232f,#0e1a23);border:1px solid var(--border);border-radius:14px;padding:23px;min-height:148px;position:relative;overflow:hidden}.metric:after{content:"";width:80px;height:80px;background:#1c8a7d0e;position:absolute;right:-25px;bottom:-25px;border-radius:50%}.metric .metric-icon{font-size:20px;color:var(--accent)}.metric strong{display:block;font-size:33px;margin:12px 0 6px;letter-spacing:-.05em}.metric p{color:var(--muted);margin:0;font-size:12px}.kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:750}.section{background:var(--panel);border:1px solid var(--border);border-radius:15px;margin-top:24px;overflow:hidden}.sectionhead{display:flex;justify-content:space-between;align-items:center;padding:22px 23px;border-bottom:1px solid var(--border);gap:12px}.sectionhead h3{font-size:16px;margin:0}.sectionhead small{display:block;color:var(--muted);font-weight:400;margin-top:7px}.sectionbody{padding:22px 23px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;min-width:570px}th{color:#74909d;font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding:14px 18px;border-bottom:1px solid var(--border)}td{padding:15px 18px;border-bottom:1px solid #223340a8;color:#c9d8df;font-size:12px}tr:last-child td{border-bottom:0}.pill{border-radius:20px;padding:5px 9px;display:inline-block;font-size:10px;font-weight:750;border:1px solid transparent}.pill.green{color:#66e6ba;background:#163c37;border-color:#285c50}.pill.yellow{color:#f7c276;background:#403321;border-color:#68502b}.pill.red{color:#f38a9d;background:#44212f;border-color:#6b3547}.pill.blue{color:#8ac6f3;background:#233a50;border-color:#385972}.empty{padding:40px;color:#8fa8b2;text-align:center}.section-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stats-hint{color:var(--muted);font-size:12px}.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.hero{padding:26px 29px;background:radial-gradient(circle at 95% 10%,#1c766643,transparent 35%),linear-gradient(135deg,#17383a,#0e232c);border:1px solid #285b58;border-radius:15px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.hero h3{font-size:20px;margin:8px 0}.hero p{color:#a4c4c6;max-width:640px;margin:0;line-height:1.6}.progress{height:8px;background:#233843;border-radius:5px;margin:14px 0;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#26bfaa,#91f0d3);border-radius:5px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan{background:#10202b;border:1px solid #243b49;border-radius:15px;padding:24px;min-height:210px;display:flex;flex-direction:column;gap:15px}.plan h3{margin:0;font-size:17px}.plan p{font-size:12px;color:var(--muted);margin:0}.features{display:flex;flex-wrap:wrap;gap:6px}.small-note{color:#7d95a2;font-size:11px;line-height:1.6}.feature-line{border-top:1px solid var(--border);padding-top:13px;line-height:1.7;color:#9fb4bc;font-size:12px;margin-top:auto}.modalback{position:fixed;z-index:100;inset:0;background:#02090bdc;display:grid;place-items:center;padding:18px}.modal{background:#10212c;border:1px solid #2c4b57;border-radius:17px;width:min(540px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0009}.modalhead{display:flex;justify-content:space-between;align-items:center;padding:21px 25px;border-bottom:1px solid var(--border)}.modalhead h3{margin:0;font-size:17px}.close{background:transparent;border:0;color:#c8d8e0;font-size:27px}.modal form{padding:23px 25px;display:grid;gap:17px}.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modalhelp{color:#93b2bc;font-size:12px;line-height:1.6;padding:11px 14px;border:1px solid #28505d;border-radius:8px;background:#0c242e}.secret-view{padding:24px;overflow-wrap:anywhere}.secret-view code{display:block;background:#050e15;border:1px solid #234451;color:#94edca;padding:15px;margin:12px 0;word-break:break-all}.toast{position:fixed;bottom:24px;right:24px;background:#1b4038;border:1px solid #3d9d87;padding:15px 22px;border-radius:10px;max-width:420px;z-index:300;color:#c9f9e8;box-shadow:0 8px 40px #0008}.toast.error{background:#492433;border-color:#a34b65;color:#ffd4e0}footer{font-size:11px;color:#5d7782;margin-top:45px;border-top:1px solid var(--border);padding-top:18px}.badge-preview{background:#273943;color:#95b7c2;font-size:10px;padding:4px 7px;border-radius:5px}.align-right{text-align:right}.no-wrap{white-space:nowrap}
@media(max-width:1150px){.metrics{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:225px}.two-col{grid-template-columns:1fr}}@media(max-width:730px){.shell{display:block}.sidebar{height:auto;position:relative;width:100%;border-bottom:1px solid var(--border)}.brand{padding:15px}.section-label,.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;padding:5px 10px 13px}nav button{width:auto;white-space:nowrap;padding:10px;font-size:11px}.nav-icon{display:none}.main{padding:20px 14px}.topbar{align-items:flex-start}.topbar h2{font-size:23px}.righthead{gap:7px}.me{display:none}.chip{font-size:9px;padding:6px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:17px;min-height:120px}.metric strong{font-size:26px}.plan-grid{grid-template-columns:1fr}.hero{display:block}.form-cols{grid-template-columns:1fr}}