*{margin:0;padding:0;box-sizing:border-box}:root{--color-ok: rgba(128, 128, 128, .2);--color-ok-text: rgba(80, 80, 80, .6);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .25);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .2);--color-nodata: rgba(128, 128, 128, .08);--color-nodata-text: rgba(128, 128, 128, .4);--bg: #fafafa;--header-bg: #1e293b;--header-text: #f1f5f9}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:#334155;font-size:13px}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--header-bg)}.login-form{background:#fff;padding:2rem;border-radius:8px;width:320px;display:flex;flex-direction:column;gap:.75rem}.login-form h1{font-size:1.25rem;text-align:center;color:var(--header-bg);margin-bottom:.5rem}.login-form input{padding:.6rem .75rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.9rem;outline:none}.login-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.login-form button{padding:.6rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer}.login-form button:hover{background:#2563eb}.login-form button:disabled{opacity:.6;cursor:default}.login-error{color:var(--color-error);font-size:.85rem;text-align:center}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#94a3b8;font-size:1rem}.dashboard{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--header-bg);color:var(--header-text);flex-shrink:0}header h1{font-size:1rem;font-weight:600}.header-info{display:flex;align-items:center;gap:1rem;font-size:.8rem}.agency-count,.last-update{opacity:.7}.logout-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--header-text);padding:.25rem .75rem;border-radius:3px;cursor:pointer;font-size:.75rem}.logout-btn:hover{background:#ffffff1a}.table-container{flex:1;overflow:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}thead{position:sticky;top:0;z-index:10}thead th{background:#334155;color:#e2e8f0;padding:.35rem .25rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;border-bottom:2px solid #1e293b}.col-agency{width:160px;text-align:left!important;padding-left:.5rem!important}.col-indicator{width:65px}tbody tr{border-bottom:1px solid #e2e8f0}tbody tr:hover{background:#3b82f60a}.sticky-col{position:sticky;left:0;z-index:5;background:var(--bg)}thead .sticky-col{z-index:15;background:#334155}tbody tr:hover .sticky-col{background:#f0f4ff}.agency-cell{padding:.3rem .5rem;white-space:nowrap;overflow:hidden;display:flex;align-items:center;gap:.4rem}.agency-code{font-weight:700;font-size:.75rem;color:#1e293b;font-family:ui-monospace,Cascadia Code,monospace;flex-shrink:0;min-width:3ch}.agency-city{font-size:.7rem;color:#64748b;overflow:hidden;text-overflow:ellipsis}.indicator-cell{text-align:center;padding:.2rem;cursor:default;transition:background-color .2s}.indicator-text{font-size:.65rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.level-ok{background:var(--color-ok);color:var(--color-ok-text)}.level-warning{background:var(--color-warning-bg);color:#92400e;font-weight:600}.level-error{background:var(--color-error-bg);color:#991b1b;font-weight:700}.level-nodata{background:var(--color-nodata);color:var(--color-nodata-text)}@media (max-width: 768px){body{font-size:12px}header{padding:.4rem .6rem}header h1{font-size:.9rem}.col-agency{width:110px}.col-indicator{width:50px}.agency-city{display:none}.indicator-text{font-size:.6rem}}@media (min-width: 1920px){body{font-size:15px}.col-agency{width:200px}.col-indicator{width:80px}.agency-code{font-size:.85rem}.agency-city,.indicator-text{font-size:.75rem}thead th{font-size:.8rem;padding:.5rem .3rem}.agency-cell{padding:.4rem .6rem}}