:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;background:#0f1420;color:#e8ecf4}.app{display:flex;min-height:100vh;align-items:flex-start}.nav{display:flex;flex-direction:column;gap:8px;width:220px;padding:16px;background:#161d2e;border-right:1px solid #242e46;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0}.nav a{color:#9aa7c0;text-decoration:none;padding:8px 12px;border-radius:8px}.nav a.active{background:#1d2c55;color:#fff}.brand{font-weight:700;color:#7aa2ff;padding:8px 12px;margin-bottom:12px}.live{font-size:12px;color:#3ddc84;padding:8px 12px}.logout{margin-top:auto;padding:8px 12px;border:1px solid #242e46;border-radius:8px;background:#161d2e;color:#9aa7c0;cursor:pointer}.logout:hover{color:#ff6b6b}.content{flex:1;padding:24px;min-width:0}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}.login-card{display:flex;flex-direction:column;gap:14px;width:100%;max-width:320px;background:#161d2e;border:1px solid #242e46;border-radius:12px;padding:24px}.login-brand{font-weight:700;color:#7aa2ff;font-size:18px;text-align:center}.field{display:flex;flex-direction:column;gap:6px;color:#9aa7c0;font-size:13px}.field input{background:#0f1420;border:1px solid #242e46;border-radius:8px;padding:10px 12px;color:#e8ecf4;font-size:14px}.field input:focus{outline:none;border-color:#7aa2ff}.login-error{color:#ff6b6b;font-size:13px}.login-card button{padding:10px 12px;border:none;border-radius:8px;background:#1d2c55;color:#fff;font-size:14px;cursor:pointer}.login-card button:hover{background:#24406f}.login-card button:disabled{opacity:.6;cursor:default}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.card{background:#161d2e;border:1px solid #242e46;border-radius:12px;padding:16px}.card .label{color:#9aa7c0;font-size:13px}.card .value{font-size:24px;font-weight:700;margin-top:6px}table{width:100%;border-collapse:collapse;background:#161d2e;border-radius:12px;overflow:hidden}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid #242e46;font-size:14px}th{color:#9aa7c0;font-weight:600}.status-succeeded{color:#3ddc84}.status-failed{color:#ff6b6b}.status-processing{color:#ffd166}.row{display:flex;gap:8px;flex-wrap:wrap}.input{background:#0f1420;border:1px solid #242e46;border-radius:8px;padding:8px 10px;color:#e8ecf4;font-size:14px}.input:focus{outline:none;border-color:#7aa2ff}select.input{min-width:140px}.btn{padding:8px 14px;border:1px solid #242e46;border-radius:8px;background:#161d2e;color:#e8ecf4;font-size:14px;cursor:pointer}.btn:hover{border-color:#7aa2ff}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:#1d2c55;border-color:#1d2c55;color:#fff}.btn--ok{background:#10331f;border-color:#10331f;color:#3ddc84}.btn--danger{background:#33141a;border-color:#33141a;color:#ff6b6b}.err{color:#ff6b6b}.ok{color:#3ddc84}.muted{color:#9aa7c0;font-size:13px}.card--form{display:flex;flex-direction:column;gap:12px;min-width:320px}.card--form .field{display:flex;flex-direction:column;gap:6px;color:#9aa7c0;font-size:13px}.card--form textarea{resize:vertical}.status-chip{padding:3px 10px;border-radius:999px;font-size:12px}.status-chip--active,.status-chip--sent{background:#10331f;color:#3ddc84}.status-chip--blocked,.status-chip--failed{background:#33141a;color:#ff6b6b}.status-chip--deleted{background:#242e46;color:#9aa7c0}.status-chip--deleting{background:#33290f;color:#ffd166}.status-chip--created{background:#242e46;color:#9aa7c0}.status-chip--sending{background:#33290f;color:#ffd166}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot--up{background:#3ddc84;box-shadow:0 0 6px #3ddc84}.dot--down{background:#ff6b6b;box-shadow:0 0 6px #ff6b6b}.value--up{color:#3ddc84}.value--down{color:#ff6b6b}