:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#eef4fb;background:#070a0f;color-scheme:dark;--panel:#101720ee;--panel2:#0b1119;--line:#263244;--muted:#94a3b8;--text:#eef4fb;--accent:#dce8f7;--danger:#ffadb5;--success:#9ae6b4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% -10%,#20324a 0,#0b1119 29%,#070a0f 58%);line-height:1.5}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#fff008 1px,transparent 1px),linear-gradient(90deg,#fff008 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#0006,transparent 55%)}
.shell{position:relative;max-width:1180px;margin:auto;padding:26px 22px 70px}.brand{font-weight:900;letter-spacing:.15em;font-size:14px}.muted{color:var(--muted)}.small{font-size:13px}
nav,.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.hero{padding:68px 0 26px}.hero h1{font-size:clamp(42px,7vw,68px);line-height:.94;letter-spacing:-.055em;margin:0 0 18px;max-width:900px}.hero p{max-width:760px;font-size:18px;color:#a9b7c9}
.card{background:linear-gradient(180deg,#121a24ee,#0d141dee);border:1px solid var(--line);border-radius:18px;padding:22px;margin:15px 0;box-shadow:0 22px 70px #0005;backdrop-filter:blur(10px)}
.card h2{margin-top:0;letter-spacing:-.02em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.stat{font-size:34px;font-weight:900;letter-spacing:-.04em}
button,input,select{font:inherit}button{border:1px solid #344359;background:#151e2a;color:#f2f6fb;padding:10px 14px;border-radius:10px;cursor:pointer;transition:.16s transform,.16s background,.16s border-color}button:hover{transform:translateY(-1px);background:#1c2735;border-color:#52647d}button:active{transform:none}
button.primary{background:#edf4fc;color:#08101a;border-color:#edf4fc;font-weight:800}button.danger{border-color:#754047;color:var(--danger)}
input,select{width:100%;padding:12px 13px;background:#090f16;border:1px solid #303e51;border-radius:10px;color:white;margin:6px 0 15px;outline:none}input:focus,select:focus{border-color:#8095af;box-shadow:0 0 0 3px #8ba1bc18}label{font-size:13px;color:#bcc7d5;font-weight:650}
.badge{display:inline-flex;align-items:center;font-size:11px;padding:5px 9px;border:1px solid #3a485d;border-radius:999px;text-transform:uppercase;letter-spacing:.06em;background:#0b1119}.ok{color:var(--success)}.bad{color:#ffa2aa}.warn{color:#ffd78b}
.notice{padding:13px 15px;border:1px solid #43536b;border-radius:11px;margin:15px 0;background:#0b1119}.error{border-color:#743d45;color:#ffb2b9}.success{border-color:#38634b;color:#a7e8bd}.hidden{display:none!important}
.tablewrap{overflow:auto;border:1px solid #222e3e;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px;border-bottom:1px solid #222d3b;font-size:14px;overflow-wrap:anywhere}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;background:#0a1017}tr:last-child td{border-bottom:0}code{color:#c9d9ec}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tabs button.active{background:#edf4fc;color:#08101a;border-color:#edf4fc}.section{display:none}.section.active{display:block}
.drop{border:1px dashed #53647d;border-radius:16px;padding:38px 22px;text-align:center;margin:15px 0;background:#0a101788}.drop input{max-width:560px}.filemeta{background:#080e15;border:1px solid #29364a;border-radius:11px;padding:15px;margin:13px 0;text-align:left}
.footer{margin-top:42px;padding-top:18px;border-top:1px solid #202a38;color:#718096;font-size:12px}.dangerzone{border-color:#59343a}
@media(max-width:700px){.shell{padding:20px 14px 50px}.hero{padding-top:48px}.card{padding:17px}.hero p{font-size:16px}nav{align-items:flex-start}.row.between{align-items:flex-start}.tabs button{flex:1}}