:root{--nav:#123a67;--bg:#f3f6fa;--panel:#fff;--muted:#68778b;--line:#e3e9f1;--green:#16845b;--red:#c34242;--amber:#9a6810}
body{background:var(--bg);color:#1d2a3a;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.navbar{background:linear-gradient(115deg,#0e3159,#17548a)}.metric-card,.panel,.login-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px rgba(26,52,82,.06)}.metric-card{padding:20px}.metric-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.metric-value{font-size:2rem;font-weight:750;margin:.35rem 0}.metric-sub{color:var(--muted);font-size:.9rem}.panel{padding:20px}.panel-title{font-weight:700;margin-bottom:16px}.service-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.service-row:last-child{border-bottom:0}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .65rem;font-size:.77rem;font-weight:700}.status-online{background:#e5f6ef;color:var(--green)}.status-offline{background:#fdeaea;color:var(--red)}.status-disabled{background:#fff4d8;color:var(--amber)}.monitor-table thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom-color:var(--line)}.monitor-table td{border-bottom-color:var(--line)}.error-cell{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-wrap{min-height:calc(100vh - 120px);display:grid;place-items:center}.login-card{width:min(460px,100%);padding:32px}.eyebrow{font-size:.72rem;letter-spacing:.13em;color:#2469a5;font-weight:800;margin-bottom:.75rem}.form-control{border-radius:10px;border-color:#d5deea}.btn{border-radius:9px}@media(max-width:767px){.panel,.metric-card{border-radius:13px}.login-card{padding:24px}.monitor-table{font-size:.86rem}}
.brand-logo{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}.navbar .nav-link{color:rgba(255,255,255,.8)}.navbar .nav-link:hover{color:#fff}.progress-bar{transition:width .4s ease}.form-control-color{width:100%;height:42px}.text-break{word-break:break-all}@media(max-width:991px){.navbar-collapse{padding:12px 0}.navbar form{margin-top:8px}}