:root{--telesis-blue:#002e5d;--accent-red:#e4002b;--accent-orange:#ff4e00;--accent-yellow:#ffe900;--white:#fff;--light-gray:#f4f6f8;--border-gray:#d9e1e8;--text-dark:#1f2933;--muted:#5b6770;--green:#117a45;--shadow:0 18px 45px #002e5d21}*{box-sizing:border-box}body{background:linear-gradient(180deg, #fff 0%, var(--light-gray) 42%, #e9eef4 100%);color:var(--text-dark);margin:0;font-family:Open Sans,Arial,sans-serif}button,input,select,textarea{font-family:inherit}.app-shell{max-width:1120px;margin:0 auto;padding:24px 18px 44px}.brand-header{border-bottom:5px solid var(--accent-red);align-items:center;gap:16px;padding:18px 0 22px;display:flex}.eyebrow{color:var(--accent-red);text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:12px;font-weight:800}h1{color:var(--telesis-blue);margin:0;font-size:clamp(30px,5vw,52px);font-weight:800;line-height:.96}.subtitle{color:var(--muted);margin:8px 0 0;font-weight:700}.view-tabs{gap:10px;margin:22px 0;display:flex}.view-tabs button{border:1px solid var(--border-gray);color:var(--telesis-blue);cursor:pointer;background:#fff;border-radius:12px;padding:12px 16px;font-weight:800}.view-tabs button.active{background:var(--telesis-blue);color:#fff;border-color:var(--telesis-blue)}.panel{border:1px solid var(--border-gray);box-shadow:var(--shadow);background:#fffffff5;border-radius:20px}.access-card{max-width:460px;margin:48px auto;padding:30px}.panel-icon{width:48px;height:48px;color:var(--telesis-blue);background:#edf3f8;border-radius:14px;place-items:center;margin-bottom:14px;display:grid}h2{color:var(--telesis-blue);margin:0 0 8px}.access-card p,.empty p{color:var(--muted)}.input-row{gap:8px;margin:18px 0 8px;display:flex}input,select,textarea{border:1.5px solid var(--border-gray);background:#fff;border-radius:12px;outline:none;width:100%;padding:14px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--telesis-blue);box-shadow:0 0 0 4px #002e5d1a}.icon-btn{border:1px solid var(--border-gray);width:54px;color:var(--telesis-blue);cursor:pointer;background:#fff;border-radius:12px}.primary,.secondary{cursor:pointer;border:none;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-weight:800;display:inline-flex}.primary{background:var(--accent-red);color:#fff;width:100%;margin-top:12px}.secondary{background:var(--telesis-blue);color:#fff;width:100%;margin-top:16px}.error{font-weight:700;color:var(--accent-red)!important}.success{color:var(--green);align-items:center;gap:8px;font-weight:800;display:flex}.form-panel{max-width:720px;margin:0 auto;padding:28px}.section-title{color:var(--telesis-blue);align-items:center;gap:10px;margin-bottom:18px;display:flex}form label{color:var(--telesis-blue);margin:16px 0 8px;font-weight:800;display:block}form label span{color:var(--muted);font-size:13px;font-weight:600}.priority-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.priority-choice{border:2px solid var(--border-gray);cursor:pointer;background:#fff;border-radius:14px;padding:14px 10px;font-weight:800}.priority-choice.active{color:#fff}.priority-aog.active,.alert-card.priority-aog{border-left:8px solid var(--accent-red)}.priority-high.active,.alert-card.priority-high{border-left:8px solid var(--accent-orange)}.priority-normal.active,.alert-card.priority-normal{border-left:8px solid var(--green)}.priority-choice.priority-aog.active{background:var(--accent-red)}.priority-choice.priority-high.active{background:var(--accent-orange)}.priority-choice.priority-normal.active{background:var(--green)}.priority-strip{color:var(--telesis-blue);border-left:5px solid var(--telesis-blue);background:#f3f6f9;border-radius:12px;margin-top:18px;padding:12px 14px;font-weight:800}.dashboard-grid{grid-template-columns:320px 1fr;align-items:start;gap:18px;display:grid}.metrics-panel{padding:22px;position:sticky;top:14px}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metrics div{border:1px solid var(--border-gray);text-align:center;background:#f4f7fa;border-radius:14px;padding:14px 8px}.metrics strong{color:var(--telesis-blue);font-size:26px;display:block}.metrics span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.small{color:var(--muted);font-size:13px}.alerts-column{flex-direction:column;gap:14px;display:flex}.alert-card{padding:22px}.alert-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.alert-type{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:12px;font-weight:800}.status-pill{color:var(--telesis-blue);white-space:nowrap;background:#edf3f8;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.note{border:1px solid var(--border-gray);color:var(--text-dark);background:#f6f8fa;border-radius:12px;padding:12px}.alert-meta{color:var(--muted);justify-content:space-between;margin-top:12px;font-size:13px;font-weight:700;display:flex}.actions{gap:10px;margin-top:16px;display:flex}.actions button{border:1px solid var(--border-gray);color:var(--telesis-blue);cursor:pointer;background:#fff;border-radius:12px;flex:1;padding:12px;font-weight:800}.empty{text-align:center;color:var(--telesis-blue);padding:40px}@media (width<=760px){.app-shell{padding:16px 12px 36px}.brand-header{align-items:flex-start}.view-tabs{flex-direction:column}.form-panel,.access-card{padding:20px}.priority-grid,.dashboard-grid{grid-template-columns:1fr}.metrics-panel{position:static}.alert-top,.alert-meta,.actions{flex-direction:column}}.brand-logo{object-fit:contain;width:auto;height:64px;display:block}.danger{color:#fff;cursor:pointer;background:#e4002b;border:none;margin-top:10px;padding:10px 14px}.danger:hover{opacity:.9}.metrics-panel button{width:100%;margin-top:10px}.offline-mode{filter:grayscale()}.offline-banner{color:#fff;letter-spacing:.3px;background:#1f2933;border-left:6px solid #e4002b;margin-bottom:18px;padding:14px 16px;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}