:root{--bg:#0a0b14;--bg-soft:#11131f;--panel:hsla(0,0%,100%,.04);--panel-border:hsla(0,0%,100%,.08);--text:#e8eaf0;--muted:#8a90a6;--primary:#7c5cff;--primary-2:#00d4ff;--green:#2ecc71;--red:#ff5c7c;--yellow:#ffcf5c;--radius:16px;--shadow:0 10px 40px rgba(0,0,0,.45)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:radial-gradient(1200px 600px at 10% -10%,rgba(124,92,255,.18),transparent 60%),radial-gradient(1000px 500px at 110% 10%,rgba(0,212,255,.12),transparent 55%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.gradient-text{background:linear-gradient(90deg,var(--primary),var(--primary-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;padding:24px 16px;background:rgba(10,11,20,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--panel-border);position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:6px 10px 22px}.brand .logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:grid;place-items:center;font-weight:800;color:#fff;box-shadow:0 6px 20px rgba(124,92,255,.5)}.brand b{font-size:15px}.brand small{color:var(--muted);display:block;font-size:11px}.nav{flex-direction:column;gap:4px;margin-top:8px}.nav,.nav a{display:flex}.nav a{align-items:center;gap:12px;padding:11px 14px;border-radius:12px;color:var(--muted);font-size:14px;font-weight:500;transition:all .15s ease}.nav a:hover{background:var(--panel);color:var(--text)}.nav a.active{background:linear-gradient(90deg,rgba(124,92,255,.22),rgba(0,212,255,.1));color:#fff;border:1px solid var(--panel-border)}.nav .ic{width:18px;text-align:center}.sidebar .foot{margin-top:auto}.logout{width:100%;padding:11px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-border);color:var(--muted)}.logout:hover{color:var(--red);border-color:rgba(255,92,124,.4)}.main{flex:1 1;padding:28px 34px;max-width:1200px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.topbar h1{font-size:24px;font-weight:700}.topbar p{font-size:13px;margin-top:2px}.badge,.topbar p{color:var(--muted)}.badge{padding:6px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-border);font-size:12px}.grid{display:grid;grid-gap:18px;gap:18px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card h3{font-size:14px;color:var(--muted);font-weight:600;margin-bottom:14px}.stat .label{color:var(--muted);font-size:13px}.stat .value{font-size:30px;font-weight:800;margin-top:6px}.stat .sub{font-size:12px;margin-top:4px;color:var(--muted)}.stat .icon{float:right;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,rgba(124,92,255,.25),rgba(0,212,255,.15))}.chart{display:flex;align-items:flex-end;gap:8px;height:180px;padding-top:10px}.bar-wrap{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px}.bar{width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--primary),var(--primary-2));min-height:4px;transition:height .4s ease}.bar-wrap span{font-size:10px;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:12px 10px;border-bottom:1px solid var(--panel-border)}th{color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}td .mono,th{font-size:12px}td .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pill{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600}.pill.on{background:rgba(46,204,113,.16);color:var(--green)}.pill.off{background:rgba(255,92,124,.16);color:var(--red)}.pill.plan{background:rgba(124,92,255,.18);color:#c3b4ff}.btn{padding:10px 16px;border-radius:11px;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);font-weight:600;font-size:13px;transition:all .15s ease}.btn:hover{border-color:var(--primary)}.btn.primary{background:linear-gradient(90deg,var(--primary),var(--primary-2));border:none;color:#fff;box-shadow:0 6px 18px rgba(124,92,255,.4)}.btn.danger{color:var(--red)}.btn.sm{padding:6px 11px;font-size:12px}.row{gap:10px;flex-wrap:wrap}.row,.spread{display:flex;align-items:center}.spread{justify-content:space-between;gap:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;color:var(--muted)}.input{padding:12px 14px;border-radius:11px;background:var(--bg-soft);border:1px solid var(--panel-border);color:var(--text);font-size:14px;outline:none}.input:focus{border-color:var(--primary)}.alert{padding:11px 14px;border-radius:11px;font-size:13px;margin-bottom:14px}.alert.err{background:rgba(255,92,124,.12);color:var(--red);border:1px solid rgba(255,92,124,.3)}.alert.ok{background:rgba(46,204,113,.12);color:var(--green);border:1px solid rgba(46,204,113,.3)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:400px}.login-card .logo-big{width:60px;height:60px;border-radius:18px;margin:0 auto 18px;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:grid;place-items:center;font-size:28px;font-weight:800;color:#fff;box-shadow:0 10px 30px rgba(124,92,255,.5)}.login-card h2{text-align:center;font-size:22px}.login-card .muted{text-align:center;color:var(--muted);font-size:13px;margin:6px 0 22px}.center-screen{min-height:100vh;display:grid;place-items:center;color:var(--muted)}@media (max-width:900px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}.sidebar{width:70px}.brand b,.brand small,.logout span,.nav a span:not(.ic){display:none}.main{padding:20px}}.landing{max-width:860px;margin:0 auto;padding:22px 18px 60px}.land-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.hero{text-align:center;padding:18px 0 30px}.hero h1{font-size:38px;font-weight:800;margin:12px 0 8px}.hero p{color:var(--muted);font-size:15px;max-width:540px;margin:0 auto}.status-dot{font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;border:1px solid var(--panel-border)}.status-dot.online{color:var(--green)}.status-dot.down{color:var(--red)}.status-dot.checking{color:var(--muted)}.playground{margin-bottom:18px}.endpoint-line{margin-top:12px;color:var(--muted);font-size:12px}.result{margin-top:16px}.result-pre{background:var(--bg-soft);border:1px solid var(--panel-border);padding:14px;font-size:12px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word;max-height:360px;overflow-y:auto}.result-img,.result-pre{margin-top:12px;border-radius:12px}.result-img{max-width:100%;border:1px solid var(--panel-border)}.ep-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.ep-item{background:var(--bg-soft);border:1px solid var(--panel-border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.ep-item b{font-size:13px}.ep-item .mono{font-size:11px;color:var(--muted)}.land-foot{text-align:center;color:var(--muted);font-size:12px;margin-top:30px}@media (max-width:700px){.hero h1{font-size:30px}.ep-grid{grid-template-columns:1fr}}