:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172235;background:#f5f8fb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172235;--muted: #6e7a8a;--line: #dde5ed;--surface: #fff;--brand: #1d9b78;--brand-dark: #0b7257;--navy: #102337;--danger: #a74747}*{box-sizing:border-box}body{min-width:320px;margin:0;background:#f5f8fb}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.admin-shell{min-height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:center;width:min(1180px,calc(100% - 44px));margin:0 auto;padding:24px 0}.admin-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.025em}.admin-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;background:var(--brand);font-size:23px;line-height:1}.admin-mark.large{width:44px;height:44px;margin-bottom:24px;border-radius:13px;font-size:32px}.admin-nav{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:13px}.admin-nav a.router-link-active{color:var(--ink);font-weight:750}.logout-button{padding:0;border:0;color:var(--muted);background:transparent;font-size:13px}.logout-button:hover{color:var(--danger)}.admin-main{width:min(1060px,calc(100% - 44px));margin:0 auto;padding:65px 0 100px}.timezone-note{margin:0 0 28px;color:var(--muted);font-size:12px;text-align:right}.admin-eyebrow{margin:0 0 9px;color:var(--brand-dark);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:12px;color:var(--navy);font-size:clamp(2.6rem,7vw,4.8rem);line-height:.98;letter-spacing:-.07em}h2{margin-bottom:0;color:var(--navy);font-size:21px;letter-spacing:-.04em}.admin-page-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:44px}.admin-page-heading p:not(.admin-eyebrow),.form-page-heading p:not(.admin-eyebrow),.login-intro>p:not(.admin-eyebrow){max-width:610px;margin-bottom:0;color:var(--muted);line-height:1.65}.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:0 16px;border-radius:9px;font-size:13px;font-weight:800}.primary-button{border:1px solid var(--brand);color:#fff;background:var(--brand);box-shadow:0 8px 18px #1d9b782e}.primary-button:hover{background:var(--brand-dark)}.secondary-button{border:1px solid var(--line);color:var(--ink);background:var(--surface)}.secondary-button:hover{border-color:#aec8bd}.full-width{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:36px}.metric-card{min-height:135px;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.metric-card.accent{color:#fff;border-color:var(--navy);background:var(--navy)}.metric-label{display:block;margin-bottom:24px;color:var(--muted);font-size:12px;font-weight:700}.accent .metric-label{color:#b9c8d5}.metric-card strong{font-size:31px;letter-spacing:-.05em}.admin-panel{margin-top:20px;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.panel-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.muted-text{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.empty-state,.state-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px;color:var(--muted);border:1px dashed #cbd6e1;border-radius:11px}.state-card-error{color:var(--danger);border-color:#e6b9b9}.admin-list-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;border-top:1px solid #edf1f5}.admin-list-row:first-of-type{border-top:0}.admin-list-row span:first-child{display:grid;gap:5px}.admin-list-row small{color:var(--muted);font-size:12px}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;color:#267b62;background:#e7f5ef;font-size:11px;font-weight:800;white-space:nowrap}.component-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.component-admin-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:14px;border:1px solid #edf1f5;border-radius:10px}.component-admin-card small{grid-column:2;color:var(--muted);font-size:11px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--brand)}.dot-degraded{background:#d69028}.dot-partial_outage{background:#e07945}.dot-major_outage{background:#d85b5b}.dot-maintenance{background:#7a66bf}.login-layout{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:10%;min-height:calc(100vh - 190px)}.login-intro h1{max-width:650px}.login-card{padding:40px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 24px 60px #10233714}.login-card h2{margin-bottom:12px;font-size:25px}.login-copy{margin-bottom:28px;color:var(--muted);font-size:13px;line-height:1.65}.login-security{margin:19px 0 0;color:var(--muted);font-size:11px;text-align:center}.form-error{margin:14px 0 0;color:var(--danger);font-size:13px;line-height:1.5}.centered-state{display:grid;place-items:center;min-height:60vh;gap:18px;color:var(--muted)}.loading-orb{width:32px;height:32px;border:3px solid #d9eee7;border-top-color:var(--brand);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.form-page-heading{margin-bottom:34px}.form-page-heading h1{font-size:clamp(2.4rem,6vw,4rem)}.back-link{display:inline-block;margin-bottom:27px;color:var(--brand-dark);font-size:13px;font-weight:800}.back-link:hover{text-decoration:underline}.form-panel{max-width:760px}.form-field{display:grid;gap:8px;margin-bottom:22px}.form-field label,.form-field legend{color:var(--navy);font-size:13px;font-weight:800}input,textarea,select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fbfcfd;outline:0;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1d9b781f}textarea{resize:vertical}.field-hint{color:var(--muted);font-size:11px;text-align:right}.component-selector{padding:0;border:0}.component-selector legend{margin-bottom:13px}.checkbox-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:11px 0;border-top:1px solid #edf1f5}.checkbox-row input{width:16px;height:16px;padding:0;accent-color:var(--brand)}.checkbox-row small{grid-column:2;color:var(--muted);font-size:11px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.admin-timeline{display:grid;gap:18px}.admin-timeline-item{padding-bottom:18px;border-bottom:1px solid #edf1f5}.admin-timeline-item:last-child{padding-bottom:0;border-bottom:0}.timeline-meta{display:flex;align-items:baseline;gap:12px}.timeline-meta strong{color:var(--navy);font-size:13px}.timeline-meta span{color:var(--muted);font-size:11px}.admin-timeline-item p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.component-edit-list{display:grid;gap:24px}.component-edit-row{padding-bottom:24px;border-bottom:1px solid #edf1f5}.component-edit-row:last-child{padding-bottom:0;border-bottom:0}.component-edit-title{display:flex;align-items:center;gap:11px}.component-edit-title h2{font-size:17px}.component-edit-title .muted-text{margin-top:4px}.component-edit-form{display:grid;grid-template-columns:180px 1fr auto;align-items:end;gap:14px;margin-top:18px}.component-edit-form label{display:grid;gap:8px;color:var(--navy);font-size:12px;font-weight:800}.component-create-panel{max-width:none}.component-create-grid{display:grid;grid-template-columns:180px 1fr 120px;gap:14px}.component-create-grid label{display:grid;gap:8px;color:var(--navy);font-size:12px;font-weight:800}.component-create-grid label:last-child{grid-column:1 / -1}@media(max-width:760px){.admin-header,.admin-main{width:min(100% - 28px,1060px)}.admin-header{align-items:flex-start;gap:18px}.admin-nav{flex-wrap:wrap;justify-content:flex-end;gap:10px}.admin-main{padding-top:38px}.timezone-note{text-align:left}.admin-page-heading{align-items:flex-start;flex-direction:column}.metric-grid,.component-admin-grid,.component-create-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr;gap:30px;min-height:auto}.login-intro h1{font-size:3rem}.login-card{padding:26px}.component-edit-form{grid-template-columns:1fr}.component-create-grid label:last-child{grid-column:auto}.form-actions{justify-content:stretch}.form-actions>*{flex:1}}
