:root{
  --bg:#06101d;--bg2:#081828;--panel:#0a1726;--panel2:#0d1d30;--line:#1a2b43;
  --text:#eef7ff;--muted:#8395ab;--cyan:#16d5ef;--blue:#3c82ff;--green:#43db93;
  --amber:#ffc45d;--red:#ff647d;--shadow:0 28px 90px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 70% -15%,rgba(30,103,166,.38),transparent 38%),radial-gradient(circle at 0 60%,rgba(0,210,235,.08),transparent 30%),var(--bg)}
a{color:inherit}.shell{width:min(1180px,calc(100% - 36px));margin:auto}.site-nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#03131d;font-weight:950;font-size:20px;background:linear-gradient(145deg,var(--cyan),var(--blue));box-shadow:0 10px 30px rgba(22,213,239,.22)}.brand strong,.brand small{display:block}.brand small{font-size:10px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.nav-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 17px;border-radius:10px;text-decoration:none;font-weight:800;font-size:13px;border:1px solid var(--line);background:rgba(11,29,47,.75);color:var(--text);cursor:pointer}.button.primary{border-color:transparent;color:#03131d;background:linear-gradient(90deg,var(--cyan),var(--blue))}.button.danger{color:var(--red);border-color:#693143;background:#ff647d12}.button.small{min-height:34px;padding:0 12px;font-size:11px}
.hero{padding:90px 0 55px;display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:58px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}h1{font-size:clamp(43px,6vw,72px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 22px}h1 span{display:block;color:#6d8199}.lead{font-size:18px;color:var(--muted);max-width:670px}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.trust{display:flex;gap:25px;margin-top:38px;color:var(--muted);font-size:12px}.trust b{color:var(--text);display:block;font-size:16px}
.status-console{border:1px solid #1b3e59;border-radius:22px;background:linear-gradient(160deg,rgba(13,33,51,.96),rgba(7,18,31,.96));box-shadow:var(--shadow);overflow:hidden}.console-head{height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:#36506b}.dots i:first-child{background:var(--red)}.dots i:nth-child(2){background:var(--amber)}.dots i:nth-child(3){background:var(--green)}.console-body{padding:24px}.live-line{display:flex;align-items:center;justify-content:space-between}.live-line strong{font-size:13px}.pulse{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:10px;font-weight:900}.pulse:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 15px currentColor}.console-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.console-metric{padding:15px;border:1px solid var(--line);border-radius:12px;background:#071321}.console-metric span,.console-metric small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.console-metric b{font-size:27px;display:block;margin:6px 0 2px}.endpoint{padding:13px;border:1px solid var(--line);border-radius:10px;background:#050e19;color:#91a8bd;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto;white-space:nowrap}
.section{padding:70px 0}.section-title{max-width:680px;margin-bottom:28px}.section-title small{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.15em}.section-title h2{font-size:37px;line-height:1.08;letter-spacing:-.035em;margin:9px 0 11px}.section-title p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(12,28,45,.93),rgba(8,20,34,.93))}.card-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#16d5ef13;border:1px solid #17617a;color:var(--cyan);font-weight:900}.card h3{font-size:16px;margin:18px 0 8px}.card p{color:var(--muted);font-size:13px;margin:0}.code-panel{margin-top:18px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#050e19}.code-panel header{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}.code-panel pre{margin:0;padding:20px;overflow:auto;color:#b7d5e8;font:12px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}
.site-footer{margin-top:50px;border-top:1px solid var(--line);padding:25px 0 45px;color:var(--muted);font-size:12px}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.notice{padding:13px 15px;border-radius:10px;border:1px solid var(--line);background:#0c1a2a;color:var(--muted);font-size:12px}.notice.warning{border-color:#735824;background:#ffc45d10;color:#ffd68d}.notice.error{border-color:#713447;background:#ff647d10;color:#ff9daf}.notice.success{border-color:#256c51;background:#43db9310;color:#82edb8}
/* installer */
.install-page{min-height:100vh;padding:38px 0}.install-wrap{width:min(980px,calc(100% - 32px));margin:auto}.install-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.install-grid{display:grid;grid-template-columns:280px 1fr;gap:18px}.install-side,.install-card{border:1px solid var(--line);border-radius:18px;background:rgba(9,23,38,.94);box-shadow:var(--shadow)}.install-side{padding:24px;height:max-content}.install-side h2{font-size:20px;margin:15px 0 8px}.install-side p{font-size:12px;color:var(--muted)}.steps{display:grid;gap:12px;margin-top:25px}.step{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;color:var(--muted);font-size:12px}.step b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#10243a;border:1px solid var(--line);color:var(--cyan)}.install-card{padding:28px}.install-card h1{font-size:31px;letter-spacing:-.035em;margin:0 0 8px}.install-card>p{color:var(--muted);margin-top:0}.form-section{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.form-section h3{font-size:13px;margin:0 0 14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#a0b0c2;font-weight:800;letter-spacing:.04em}.field input,.field textarea,.field select{width:100%;min-height:43px;border-radius:10px;border:1px solid var(--line);background:#06111f;color:var(--text);padding:10px 12px;outline:none}.field textarea{min-height:83px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#247a9b;box-shadow:0 0 0 3px rgba(22,213,239,.08)}.help{color:#5f748c;font-size:10px}.submit-row{display:flex;justify-content:flex-end;margin-top:24px}
/* admin */
.admin-body{background:var(--bg);min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#07111fee;border-right:1px solid var(--line);padding:25px 17px;display:flex;flex-direction:column}.admin-sidebar nav{display:grid;gap:5px;margin-top:23px}.admin-sidebar nav a{color:#8294ad;text-decoration:none;padding:12px 13px;border-radius:9px;font-weight:700}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#0e263b;color:white;box-shadow:inset 3px 0 var(--cyan)}.admin-sidebar nav i{float:right;background:var(--amber);color:#201500;border-radius:15px;padding:2px 7px;font-style:normal;font-size:10px}.api-ok{margin-top:auto;border:1px solid var(--line);border-radius:11px;padding:13px;display:flex;gap:10px;align-items:center}.api-ok>i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.api-ok strong,.api-ok small{display:block;font-size:10px}.api-ok small{color:var(--muted);margin-top:3px}.admin-workspace{margin-left:245px}.admin-header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#081321e8;position:sticky;top:0;z-index:5}.admin-header small{color:#5c718d;font-size:9px;letter-spacing:.15em}.admin-header h1{font-size:20px;letter-spacing:0;margin:6px 0 0}.admin-user{display:flex;align-items:center;gap:9px}.admin-user>b{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,var(--cyan),var(--blue));color:#04111d}.admin-user strong,.admin-user small{display:block;font-size:10px}.admin-user small{color:var(--muted);margin-top:2px}.admin-user a{color:#7390ad;font-size:10px;margin-left:12px}.admin-content{padding:34px;max-width:1500px;margin:auto}.admin-hero{display:grid;grid-template-columns:1fr 260px;align-items:center;margin-bottom:25px}.admin-hero>div>small{color:var(--cyan);font-size:9px;letter-spacing:.18em}.admin-hero h2{font-size:39px;line-height:1.08;margin:8px 0}.admin-hero em{font-style:normal;color:#607691}.admin-hero p{color:var(--muted)}.api-card{border:1px solid #1b4059;background:#0b2132;border-radius:14px;padding:20px}.api-card span{font-size:9px;color:#67809c}.api-card strong{display:block;font-size:28px;color:var(--green);margin:15px 0 4px}.api-card p{font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.metrics article,.panel{border:1px solid var(--line);background:#0a1625dd;border-radius:14px}.metrics article{padding:18px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:10px}.metrics strong{font-size:27px;display:block;margin:9px 0}.panel{overflow:hidden;margin-bottom:17px}.panel-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel h3{font-size:13px;margin:0}.panel p{font-size:9px;color:var(--muted);margin:4px 0}.toolbar{display:flex;gap:8px;padding:12px 18px;border-bottom:1px solid var(--line)}.toolbar input,.toolbar select,.reason-input{background:#07111e;border:1px solid var(--line);color:white;border-radius:8px;padding:10px 12px}.toolbar input{min-width:280px}.toolbar button{background:#17324a;color:white;border:1px solid #234765;border-radius:8px;padding:0 15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:960px}th{text-align:left;background:#08121f;color:#526781;font-size:8px;letter-spacing:.1em;padding:11px 18px}td{padding:12px 18px;border-top:1px solid #15243a;color:#9cacbf;font-size:10px;vertical-align:middle}td strong,td small{display:block}td small{color:#5c718b;margin-top:4px}.status{display:inline-flex;gap:6px;align-items:center;border:1px solid;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:800}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status.active{color:var(--green)}.status.pending{color:var(--amber)}.status.suspended,.status.revoked{color:var(--red)}.actions{display:flex;gap:5px;align-items:center}.actions button{border-radius:6px;padding:7px 8px;font-size:8px;font-weight:800;cursor:pointer}.approve{color:var(--green);background:#39d98a15;border:1px solid #2e7354}.suspend{color:var(--amber);background:#ffba4915;border:1px solid #71592c}.revoke{color:var(--red);background:#ff577015;border:1px solid #713143}.reason-input{width:150px;padding:7px 8px;font-size:9px}.event{padding:13px 18px;border-top:1px solid #15243a;display:grid;grid-template-columns:32px 1fr auto;align-items:center}.event>b{width:29px;height:29px;background:#12cdeb16;color:var(--cyan);border-radius:8px;display:grid;place-items:center}.event strong,.event small{display:block;font-size:9px}.event small{color:var(--muted);margin-top:4px}.event time{color:#5f728a;font-size:9px}.empty{padding:30px;text-align:center;color:var(--muted)}
.login-body{min-height:100vh;display:grid;place-items:center}.login-card{width:min(410px,calc(100% - 32px));background:#0a1727;border:1px solid var(--line);border-radius:20px;padding:35px;box-shadow:var(--shadow)}.login-card .brand-mark{margin-bottom:25px}.login-card .kicker{font-size:9px;color:var(--cyan);letter-spacing:.17em}.login-card h1{font-size:28px;letter-spacing:-.03em;margin:7px 0}.login-card>p{color:var(--muted)}.login-card label{display:block;font-size:10px;color:#91a2b7;margin-top:16px}.login-card input{display:block;width:100%;min-height:43px;margin-top:7px;background:#07111e;border:1px solid var(--line);color:#fff;border-radius:8px;padding:10px 12px}.login-card button{width:100%;margin-top:22px;height:44px;border:0;border-radius:9px;background:linear-gradient(90deg,var(--cyan),var(--blue));color:#03111d;font-weight:850;cursor:pointer}
@media(max-width:950px){.hero{grid-template-columns:1fr}.status-console{max-width:600px}.cards{grid-template-columns:1fr 1fr}.install-grid{grid-template-columns:1fr}.install-side{display:none}.metrics{grid-template-columns:1fr 1fr}.admin-hero{grid-template-columns:1fr}.api-card{display:none}}
@media(max-width:680px){.nav-actions .button:first-child{display:none}.hero{padding-top:60px}.trust{display:none}.cards,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.site-nav{height:68px}.admin-sidebar{width:64px;padding:18px 8px}.admin-sidebar .brand span,.admin-sidebar nav a{font-size:0}.admin-sidebar nav a{display:block;text-align:center}.api-ok{display:none}.admin-workspace{margin-left:64px}.admin-header,.admin-content{padding-left:17px;padding-right:17px}.admin-user span,.admin-user a{display:none}.metrics{grid-template-columns:1fr}.admin-hero h2{font-size:30px}.toolbar{flex-direction:column}.toolbar input{min-width:0;width:100%}}