:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#13253f;background:#f3f6fa;line-height:1.5}
*{box-sizing:border-box}
body{margin:0}
header{height:72px;padding:0 clamp(20px,5vw,72px);background:#10233e;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0f234033}
.brand-lockup,.brand-lockup>div{display:flex;align-items:center}
.brand-lockup{gap:11px}
.brand-lockup img{display:block;border-radius:9px}
.brand{font-size:22px;font-weight:850;letter-spacing:-.4px}
.environment{margin-left:14px;color:#b6c5d8;font-size:12px}
main{width:min(1180px,calc(100% - 32px));margin:42px auto}
.panel{background:#fff;border:1px solid #dbe4ee;border-radius:18px;padding:28px;box-shadow:0 10px 30px #183b6410}
.auth-panel{width:min(470px,100%);margin:70px auto}
.eyebrow{color:#356fae;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;margin:0 0 5px}
h1,h2{margin:.1em 0 .5em;letter-spacing:-.03em}
form{display:grid;gap:15px;margin-top:24px}
label{display:grid;gap:6px;color:#40566f;font-size:12px;font-weight:700}
input,select,textarea{width:100%;border:1px solid #c5d2e0;border-radius:10px;padding:11px 12px;background:#fff;color:#13253f;font:inherit}
button{border:0;border-radius:10px;padding:11px 16px;background:#296cb2;color:#fff;font-weight:800;cursor:pointer;font:inherit}
button:hover{background:#205b98}
button:disabled{cursor:not-allowed;opacity:.55}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #75aef0;outline-offset:2px}
button.secondary,nav button{background:#e9f1f9;color:#214f7c}
button.danger{background:#a9333c}
.message{min-height:24px;margin-top:14px;color:#a9333c;font-size:13px}
.mfa-enrollment{text-align:center}
.mfa-enrollment img{display:block;width:min(246px,100%);height:auto;margin:0 auto 12px;border:1px solid #dbe4ee;border-radius:12px}
.setup-key{display:block;overflow-wrap:anywhere;padding:10px 12px;border-radius:9px;background:#f3f6fa;color:#13253f;font-size:13px;letter-spacing:.08em;user-select:all}
.sso-providers{display:grid;gap:10px;margin-top:10px}
.sso-providers:empty{display:none}
.sso-providers .separator{display:flex;align-items:center;gap:12px;color:#6c7f94;font-size:12px}
.sso-providers .separator::before,.sso-providers .separator::after{content:"";height:1px;flex:1;background:#dbe4ee}
.tenant-bar{display:flex;justify-content:space-between;align-items:end;background:#10233e;color:#fff;border-radius:16px;padding:20px 24px;margin-bottom:16px}
.tenant-bar strong{display:block;font-size:21px}
.tenant-bar select{width:280px}
.pill{display:inline-block;margin-top:7px;padding:3px 9px;border-radius:999px;background:#dcecff;color:#1f5d9d;font-size:11px;font-weight:800}
nav{display:flex;gap:8px;margin:0 0 16px;overflow:auto;padding-bottom:2px}
nav button{white-space:nowrap}
nav button.active{background:#296cb2;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.metric{padding:18px;border:1px solid #e0e8f0;border-radius:13px}
.metric strong{font-size:25px;display:block}
.table{width:100%;border-collapse:collapse}
.table th,.table td{text-align:left;padding:12px 8px;border-bottom:1px solid #e5ecf3;font-size:13px}
.actions{display:flex;gap:9px;flex-wrap:wrap}
.stack{display:grid;gap:14px}
.muted{color:#5d7187;font-size:13px}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.section-head h2,.section-head p{margin-top:0}
.metrics-grid{margin-bottom:26px}
.metric-button{text-align:left;background:#fff;color:#13253f}
.metric-button:hover{background:#f4f8fd}
.metric-button strong{color:#1f5d9d}
.table-scroll{width:100%;overflow:auto;margin:14px 0 26px}
.table th{white-space:nowrap;color:#40566f;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.table td{vertical-align:top}
.table .actions button{padding:7px 10px;font-size:11px}
.inline-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:12px 0 24px;padding:16px;background:#f7f9fc;border:1px solid #e0e8f0;border-radius:13px}
.inline-form label{min-width:150px;flex:1}
.inline-form button{margin-bottom:1px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:end;gap:14px;margin:16px 0 24px}
.form-grid button{min-height:45px}
.create-panel{margin:12px 0 24px;border:1px solid #dbe4ee;border-radius:13px;background:#fbfcfe;padding:14px 18px}
.create-panel summary{cursor:pointer;color:#214f7c;font-weight:800}
.work-list{display:grid;gap:13px;margin-bottom:26px}
.work-card{border:1px solid #dbe4ee;border-radius:14px;padding:18px;background:#fff}
.work-card-head{display:flex;justify-content:space-between;gap:18px}
.work-card p{margin:4px 0}
.work-meta{display:flex;gap:13px;flex-wrap:wrap;margin:12px 0;color:#5d7187;font-size:11px}
.empty-state{padding:34px;text-align:center;border:1px dashed #bccddd;border-radius:14px;background:#f8fafc;margin:14px 0 26px}
.empty-state p{margin:6px 0 0}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}
.detail-grid .metric strong{font-size:16px}
.security-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.security-row strong,.security-row span{display:block}
.notice{padding:18px;border-left:4px solid #296cb2;background:#edf5ff;border-radius:10px;margin-top:20px}
.notice p{margin:5px 0 0}
.pill.high,.pill.urgent,.pill.invalid{background:#fee8ea;color:#9b2631}
.pill.normal,.pill.warning{background:#fff2d6;color:#81530c}
.pill.low,.pill.valid,.pill.completed,.pill.reconciled{background:#e1f5ea;color:#167247}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
h3{margin:28px 0 8px;color:#213b59}
@media(max-width:700px){header .environment{display:none}
.tenant-bar{align-items:stretch;gap:15px;flex-direction:column}
.tenant-bar select{width:100%}
nav{overflow:auto}
.panel{padding:20px}
.section-head{flex-direction:column}
.inline-form{display:grid}
.work-card-head{flex-direction:column}
}
@media(prefers-contrast:more){input,select,textarea,.panel,.metric,.work-card{border-color:#6b7f94}.muted,.work-meta{color:#40566f}}