:root{color-scheme:dark;--bg:#04131d;--panel:#09283a;--line:#20536a;--ink:#f4fdff;--muted:#91aebb;--cyan:#57ead5;--gold:#ffd36d;--green:#a8efce;--red:#ff818e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 88% -8%,#0c5c70,transparent 35%),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}main{max-width:1550px;margin:auto;padding:18px}nav{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:12px}a,button{padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#11384d;color:var(--ink);font:inherit;font-weight:850;text-decoration:none;cursor:pointer}.brand{margin-right:auto;display:flex;align-items:center;gap:8px}.brand img{width:28px;height:28px;border-radius:7px}header{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:34px;background:linear-gradient(135deg,#0b3146,#082034);border:1px solid var(--line);border-radius:25px}small{color:var(--cyan);font-weight:900;letter-spacing:.13em}h1{font-size:clamp(2.6rem,5.7vw,5.3rem);line-height:.91;margin:.17em 0}header p,.panel p,footer,.metrics span{color:var(--muted)}.score{min-width:230px;padding:18px;background:#061c29;border-radius:16px}.score span,.score small{display:block}.score strong{display:block;font-size:4rem;color:var(--cyan)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.metrics article,.panel{padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:17px}.metrics strong{display:block;font-size:2.5rem}.panel{margin-top:12px}.layout{display:grid;grid-template-columns:1fr 390px;gap:12px}.head{display:flex;justify-content:space-between;gap:12px;align-items:center}.head h2,.panel h2{margin:.2em 0}.head>span{color:var(--muted)}label{font-size:.75rem;color:var(--muted)}input,select{display:block;width:100%;margin-top:5px;padding:10px;background:#051b28;border:1px solid var(--line);border-radius:9px;color:var(--ink)}input[type=checkbox]{display:inline;width:auto;margin-right:7px}.policy-form,.request-form{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end}.request-form{grid-template-columns:1fr 1.4fr 1.4fr auto}.policy-form button,.request-form button,#createWorkflow,#createHold{background:var(--cyan);color:#03272c;border-color:transparent}.matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.matrix article{padding:11px;background:#061d2b;border-radius:9px}.matrix span{display:block;color:var(--muted)}.request,.log,.alert,.workflow,.hold{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;background:#061d2b;border-radius:10px;margin-top:7px}.request span,.log span,.alert span,.workflow span,.hold span{display:block;color:var(--muted)}.status{color:var(--gold);font-weight:900}.status.completed,.status.approved{color:var(--green)}.log{grid-template-columns:150px 1fr auto}.risk-elevated,.risk-high{color:var(--red);font-weight:900}.alert{border-left:4px solid var(--gold)}aside label{display:block;margin-top:8px}footer{display:flex;justify-content:space-between;padding:18px 4px}@media(max-width:1100px){.layout{grid-template-columns:1fr}.policy-form{grid-template-columns:1fr 1fr 1fr}.request-form{grid-template-columns:1fr 1fr}}@media(max-width:700px){main{padding:8px}header{grid-template-columns:1fr}.score{width:100%}.metrics,.matrix,.policy-form,.request-form{grid-template-columns:1fr 1fr}.log{grid-template-columns:1fr}.head{align-items:start;flex-direction:column}footer{display:block}}@media(max-width:430px){.metrics,.matrix,.policy-form,.request-form{grid-template-columns:1fr}}