
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#0c0f14;color:#eef2f7}
.top{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#121722;border-bottom:1px solid #242b37}
.top strong{display:block;font-size:20px}.top span{display:block;color:#8f9bad;font-size:13px;margin-top:3px}.logout{color:#d9e1eb;text-decoration:none;background:#1c2330;padding:10px 14px;border-radius:9px}
.wrap{max-width:1500px;margin:28px auto;padding:0 22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.card,.panel{background:#121722;border:1px solid #232b38;border-radius:14px}.card{padding:18px 20px}.card span{color:#8f9bad;font-size:13px}.card b{display:block;font-size:32px;margin-top:6px}
.panel{padding:22px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h2{margin:0 0 4px}.panel p{margin:0;color:#909cad}.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;min-width:980px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #242b37;font-size:14px}th{color:#8f9bad;font-weight:600}.status{font-size:11px;font-weight:800;padding:6px 9px;border-radius:20px}.status.on{background:#113b2a;color:#6fe3a5}.status.off{background:#3a1d22;color:#ff8b97}.urlcell input{width:100%;min-width:300px;background:#0b0e13;border:1px solid #2d3645;color:#cbd5e1;padding:9px;border-radius:7px}.actions{display:flex;gap:6px;align-items:center}button,.log{border:0;border-radius:7px;padding:8px 10px;color:white;cursor:pointer;text-decoration:none;font-size:12px}.start{background:#16794b}.restart{background:#77590d}.stop{background:#8a2630}.log{background:#303949}.secondary{background:#303949;padding:10px 14px}.empty{padding:38px;text-align:center;background:#0e1218;border-radius:10px;margin-top:18px}.empty code,.help code{color:#9bd3ff}.help pre,.logbox{background:#090c10;padding:18px;border-radius:10px;overflow:auto;color:#cbd5e1}.logbox{white-space:pre-wrap;min-height:500px}
#toast{position:fixed;right:22px;bottom:22px;background:#202938;border:1px solid #3a4658;padding:14px 18px;border-radius:10px;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none;max-width:460px;white-space:pre-wrap}#toast.show{opacity:1;transform:none}
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:390px;background:#121722;border:1px solid #27303f;padding:30px;border-radius:18px}.login-card .brand{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:#1c6dd0;font-weight:900;font-size:20px}.login-card h1{margin:18px 0 4px}.login-card p{margin:0 0 22px;color:#8f9bad}.login-card label{display:block;color:#aab4c3;font-size:13px;margin:14px 0 7px}.login-card input{width:100%;background:#0b0e13;border:1px solid #303949;border-radius:8px;color:white;padding:12px}.login-card button{width:100%;background:#1c6dd0;font-size:14px;margin-top:18px;padding:12px}.alert{padding:10px;border-radius:8px;margin-bottom:12px}.alert.error{background:#3a1d22;color:#ff9aa4}
@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}.wrap{padding:0 12px}.top{padding:0 16px}}
