:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#08111f;color:#e7edf7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -10%,#19366a 0,transparent 35%),#08111f;min-height:100vh}header{height:68px;border-bottom:1px solid #22334f;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:#0a1424cc;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.7rem;font-weight:800;color:#fff;text-decoration:none;letter-spacing:.01em}.brand img{width:58px;height:auto;display:block}.brand span{display:grid;font-size:.98rem;line-height:1.05}.brand small{color:#86a7dc;font-size:.7rem;font-weight:600;letter-spacing:.02em}nav{display:flex;align-items:center;gap:1rem}nav a,.panel-title a{color:#b6c8e6;text-decoration:none;font-size:.9rem}nav form{margin:0}button,.link{border:0;border-radius:8px;padding:.62rem .86rem;font:inherit;cursor:pointer;background:transparent;color:#c7d4e7}main{max-width:1180px;margin:0 auto;padding:3.5rem 24px}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:1.5rem}.eyebrow{font-size:.75rem;color:#6ea8ff;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin:0 0 .4rem}h1{font-size:2rem;letter-spacing:-.04em;margin:0}h2{font-size:1rem;margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.metrics article,.panel,.auth,.notice,.secret{border:1px solid #263957;background:#0c182ad9;border-radius:14px}.metrics article{padding:1.15rem}.metrics span{display:block;color:#9aaecb;font-size:.85rem}.metrics strong{display:block;font-size:2rem;margin-top:.45rem}.panel{margin-top:1rem;padding:1.2rem;overflow:auto}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;color:#90a5c5;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}th,td{padding:.9rem .55rem;border-bottom:1px solid #1d2f4a}.status{font-size:.78rem;color:#c5d3e6}.status.ok{color:#66d49c}.empty{color:#9aacca}.primary{background:#3178ed;color:#fff;font-weight:700;text-decoration:none;display:inline-block}.secondary{border:1px solid #3b506f}.form-panel{max-width:720px}.form-panel h2{margin-bottom:1rem}form{display:grid;gap:1rem}label{display:grid;gap:.4rem;color:#b8c8e0;font-size:.88rem}input,select,textarea{width:100%;border:1px solid #314763;border-radius:8px;padding:.72rem;background:#081321;color:#eff5ff;font:inherit}.auth{max-width:460px;margin:7vh auto;padding:2rem}.auth h1{margin-bottom:1rem}.auth p{color:#a5b6d0}.notice,.error,.secret{padding:1rem;margin:0 0 1rem}.notice{border-color:#285b9c;color:#c2dbff}.error{background:#351820;border:1px solid #7a3444;color:#ffc0ca;border-radius:10px}.secret{border-color:#8e6c20;background:#251f10;display:grid;gap:.55rem}.secret code{word-break:break-all;color:#ffe2a1}.secret span{color:#d2bf89;font-size:.85rem}@media(max-width:700px){header{padding:0 16px}nav a{display:none}main{padding:2rem 16px}.heading{align-items:start;gap:1rem;flex-direction:column}.metrics{grid-template-columns:1fr}table{min-width:700px}}
