:root{--navy:#121d2b;--slate:#27394a;--paper:#f6f3ed;--surface:#fffdf9;--line:#d9d5cc;--ink:#17202a;--muted:#64717c;--orange:#ce5b28;--orange-dark:#9e3e19;--warn:#fff1db}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:15px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{grid-template-columns:15.5rem 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#dbe5eb;flex-direction:column;gap:1.25rem;padding:1.5rem 1rem;display:flex}.brand{color:#fff;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:700;display:flex}.brand span{background:var(--orange);border-radius:.3rem;place-items:center;width:2rem;height:2rem;font-size:.7rem;display:grid}.workspace,.eyebrow{letter-spacing:.1em;color:var(--muted);margin:0;font-size:.7rem;font-weight:700}.workspace{color:#8ea0ad;margin:.5rem}.sidebar nav{gap:.15rem;display:grid}.sidebar nav a{color:#b9c6ce;border-radius:.25rem;padding:.6rem .7rem}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#223244}.account{color:#a9b7c1;overflow-wrap:anywhere;border-top:1px solid #314354;margin-top:auto;padding:.9rem .5rem;font-size:.8rem}.main{min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--line);height:3.75rem;color:var(--muted);justify-content:space-between;align-items:center;padding:0 2rem;font-size:.85rem;display:flex}.safety-dot{color:var(--orange)}.page{max-width:78rem;margin:0 auto;padding:3rem 2rem 5rem}.page h1{letter-spacing:-.035em;margin:.25rem 0 1.5rem;font-size:2rem;line-height:1.1}.page h2{margin:0 0 .75rem;font-size:1rem}.page-head,.action{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:.35rem;padding:1.25rem}.metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin:1.25rem 0;display:grid}.metric{background:var(--surface);border-top:3px solid var(--slate);padding:1rem}.metric span,.list span,dt,.muted{color:var(--muted);font-size:.82rem;display:block}.metric strong{font-size:1.25rem}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem;display:grid}.safety-row{flex-wrap:wrap;gap:.75rem;display:flex}.notice{background:var(--warn);border-left:3px solid var(--orange);color:#64321e;padding:.7rem .8rem;font-size:.88rem}.state{border:1px dashed var(--line);text-align:center;color:var(--muted);gap:.4rem;padding:2rem;display:grid}.state.error{border-color:var(--orange);color:var(--orange-dark)}.form{gap:.85rem;display:grid}.form label{gap:.3rem;font-size:.86rem;font-weight:600;display:grid}.form input,.form textarea,.form select{background:#fff;border:1px solid #b9c1c4;border-radius:.2rem;min-width:0;padding:.6rem}.form textarea{resize:vertical;min-height:5rem}.form input:focus,.form textarea:focus,.form select:focus,button:focus,a:focus{outline-offset:2px;outline:3px solid #f3b694}.button,.quiet{border:1px solid var(--orange);background:var(--orange);color:#fff;cursor:pointer;border-radius:.2rem;width:max-content;padding:.6rem .85rem;font-weight:700}.quiet{color:var(--orange-dark);background:0 0}.topbar .quiet{border:0}.list{gap:0;display:grid}.list article{border-bottom:1px solid var(--line);gap:.2rem;padding:.85rem 0;display:grid}.list article:last-child{border:0}.concepts,.approvals{gap:1rem;margin-top:1.25rem;display:grid}.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1rem;display:grid}.concept-grid div{border-top:1px solid var(--line)}.concept-grid strong{color:var(--muted);font-size:.75rem}.concept-grid p{margin:.2rem 0 .8rem;font-size:.9rem}.approval{background:var(--surface);border:1px solid var(--line);gap:1rem;padding:1.25rem;display:grid}.approval dl,dl{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0;display:grid}.approval dd,dd{margin:0}.approval pre{background:#f1eee8;padding:.8rem;font-size:.75rem;overflow:auto}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.check{align-items:flex-start;gap:.6rem;display:flex!important}.check input{margin-top:.25rem}table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.6rem}.login{background:var(--navy);place-items:center;min-height:100vh;padding:1rem;display:grid}.login .panel{width:min(100%,26rem)}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{gap:.5rem;padding:.75rem 1rem}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}.account{display:none}.topbar{padding:0 1rem}.page{padding:2rem 1rem}.metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.page-head,.action{flex-direction:column;align-items:stretch}.grid-2,.concept-grid,.form-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.topbar{font-size:.75rem}.sidebar nav{grid-template-columns:repeat(2,1fr)}}.approval>img,.approval>video{object-fit:contain;background:var(--navy);border:1px solid var(--line);width:100%;max-height:28rem;display:block}details{border-top:1px solid var(--line);padding-top:.65rem}summary{cursor:pointer;color:var(--orange-dark);font-weight:700}fieldset{border:1px solid var(--line);gap:.35rem;padding:.65rem;display:grid}legend{font-size:.86rem;font-weight:700}.section-gap{margin-top:1rem}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0;display:grid}.security-page .panel{align-content:start}.security-page .list{margin-top:.5rem}.security-page .list article{grid-template-columns:1fr auto;align-items:center}.security-page .list article span{grid-column:1}.totp-qr{border:1px solid var(--line);background:#fff;width:220px;height:220px;margin:1rem 0;display:block}.wrap-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1eee8;margin:.5rem 0 1rem;padding:.75rem;font-size:.78rem;line-height:1.45;display:block}.security-page h3{margin:1rem 0 .25rem;font-size:.9rem}@media (max-width:600px){.two-column,.security-page .list article{grid-template-columns:1fr}.security-page .list article span{grid-column:auto}}
