:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f4f6fa;--surface:#fff;--surface-muted:#eef2f7;--ink:#15213a;--muted:#5f6b7d;--line:#d8dee9;--navy:#101a2e;--blue:#275ea8;--blue-soft:#e8f0fb;--green:#24734f;--green-soft:#e7f5ee;--amber:#8a5b00;--amber-soft:#fff3d5;--red:#a73535;--red-soft:#fceaea;--focus:#1874d1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{color:var(--ink);background:var(--canvas);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 55%, transparent);outline-offset:2px}.auth-page{background:radial-gradient(circle at 15% 10%, #dce9fb, transparent 35%), var(--canvas);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:1.25rem;width:min(32rem,100%);padding:clamp(1.5rem,5vw,3rem);box-shadow:0 22px 55px #101a2e1a}.eyebrow{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .65rem;font-size:.76rem;font-weight:800}h1,h2,h3{margin:0;line-height:1.15}p{line-height:1.55}.muted{color:var(--muted)}.boundary-note{border-left:4px solid var(--blue);background:var(--blue-soft);color:#294b77;padding:.8rem 1rem;font-size:.9rem}.button{background:var(--navy);color:#fff;border:1px solid #0000;border-radius:.55rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.7rem;padding:.65rem 1rem;font-weight:750;display:inline-flex}.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.button.danger{background:var(--red)}.button.small{min-height:2.25rem;padding:.45rem .72rem;font-size:.84rem}.button-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.portal{grid-template-columns:16.5rem minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;height:100vh;padding:1.25rem;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:.75rem;margin-bottom:1.6rem;display:flex}.brand-mark{background:#2f72c6;border-radius:.7rem;place-items:center;width:2.35rem;height:2.35rem;font-weight:900;display:grid}.brand p{color:#b9c5d7;margin:0;font-size:.75rem}.nav{gap:.35rem;display:grid}.nav button{text-align:left;color:#d8e1ef;background:0 0;border:1px solid #0000;border-radius:.55rem;width:100%;padding:.72rem .8rem;font-weight:700}.nav button[aria-current=page]{color:#fff;background:#243550;border-color:#3c5274}.sidebar-footer{color:#b9c5d7;border-top:1px solid #31415d;margin-top:2rem;padding-top:1rem;font-size:.78rem}.main{min-width:0;padding:clamp(1rem,3vw,2rem)}.topbar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.topbar h1{font-size:clamp(1.55rem,4vw,2.2rem)}.role-list{flex-wrap:wrap;gap:.35rem;margin-top:.55rem;display:flex}.role-chip{background:var(--blue-soft);color:#274f81;text-transform:capitalize;border-radius:99px;padding:.25rem .5rem;font-size:.73rem;font-weight:800}.content{gap:1rem;display:grid}.card{border:1px solid var(--line);background:var(--surface);border-radius:.8rem;min-width:0;padding:1.1rem;box-shadow:0 4px 15px #101a2e09}.card-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;display:grid}.metric{border:1px solid var(--line);background:var(--surface);border-radius:.7rem;padding:1rem}.metric strong{margin-top:.3rem;font-size:1.5rem;display:block}.status{background:var(--surface-muted);color:var(--muted);text-transform:capitalize;border-radius:99px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.74rem;font-weight:800;display:inline-flex}.status.open,.status.failed,.status.critical{background:var(--red-soft);color:var(--red)}.status.closed,.status.ready,.status.active,.status.passed,.status.resolved{background:var(--green-soft);color:var(--green)}.status.acknowledged,.status.pending,.status.invited,.status.resetting,.status.releasing{background:var(--amber-soft);color:var(--amber)}.notice{border:1px solid var(--line);background:var(--surface-muted);border-radius:.65rem;padding:.85rem 1rem}.notice.error{background:var(--red-soft);color:#7a2929;border-color:#edbcbc}.notice.warning{background:var(--amber-soft);color:#6f4b07;border-color:#ead09b}.notice.success{background:var(--green-soft);color:#1f6747;border-color:#a8d6c1}.split{grid-template-columns:minmax(16rem,.8fr) minmax(20rem,1.2fr);gap:1rem;display:grid}.list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.list-button{text-align:left;border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:.6rem;padding:.8rem}.list-button[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft)}.list-button-row{justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.data-list{grid-template-columns:minmax(8rem,.45fr) minmax(0,1fr);gap:.45rem 1rem;margin:.8rem 0 0;display:grid}.data-list dt{color:var(--muted);font-size:.82rem}.data-list dd{overflow-wrap:anywhere;margin:0;font-weight:650}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.72rem .6rem}th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.field{gap:.35rem;display:grid}.field label,.field-label{color:var(--muted);font-size:.8rem;font-weight:800}.input{width:100%;min-height:2.7rem;color:var(--ink);background:#fff;border:1px solid #b9c3d2;border-radius:.5rem;padding:.65rem .75rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.8rem;display:grid}.confirmation{background:#fff8f8;border:1px solid #e3b0b0;border-radius:.7rem;padding:1rem}.confirmation h3{color:var(--red)}.code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}@media (max-width:840px){.portal{display:block}.sidebar{height:auto;padding:.85rem 1rem;position:static}.brand{margin-bottom:.8rem}.nav{padding-bottom:.25rem;display:flex;overflow-x:auto}.nav button{white-space:nowrap;width:auto}.sidebar-footer{display:none}.split{grid-template-columns:1fr}.topbar{display:grid}}@media (max-width:520px){.main{padding:.8rem}.card{padding:.85rem}.data-list{grid-template-columns:1fr;gap:.1rem}.data-list dd{margin-bottom:.5rem}.button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}