:root{--bg:#f4f7fb;--card:#fff;--text:#182230;--muted:#667085;--line:#e4e7ec;--green:#067647;--red:#b42318;--orange:#b54708;--blue:#175cd3}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--blue);text-decoration:none}.top{background:#101828;color:#fff;padding:14px 24px;display:flex;justify-content:space-between;align-items:center}.top a{color:#fff;margin-left:16px}.wrap{max-width:1180px;margin:24px auto;padding:0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 2px 8px rgba(16,24,40,.04)}.muted{color:var(--muted)}.status{font-weight:800}.online{color:var(--green)}.down{color:var(--red)}.warning{color:var(--orange)}.unknown{color:var(--muted)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{background:#f9fafb}.btn{display:inline-block;border:0;border-radius:8px;padding:9px 13px;background:#175cd3;color:#fff;cursor:pointer}.btn.secondary{background:#475467}.btn.danger{background:#b42318}.btn.small{padding:6px 9px;font-size:12px}input,textarea,select{width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:8px;margin-top:5px}label{font-size:13px;font-weight:700}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.flash{padding:12px;border-radius:8px;background:#ecfdf3;border:1px solid #abefc6;margin-bottom:16px}.token{font-family:monospace;word-break:break-all;background:#101828;color:#fff;padding:12px;border-radius:8px}.kpi{font-size:28px;font-weight:800}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width:700px){.formgrid{grid-template-columns:1fr}.top{align-items:flex-start;gap:10px;flex-direction:column}}