:root{--navy:#17324d;--blue:#0877b9;--green:#2e9b58;--red:#d8423e;--muted:#647d90;--border:#d9e8ef;--bg:#f3fafd}*{box-sizing:border-box}body{color:var(--navy);background:var(--bg);margin:0;font-family:Inter,PingFang SC,system-ui,sans-serif}button,input{font:inherit}.center{background:radial-gradient(circle at 20% 10%,#dff3fc,transparent 40%),var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login{border:1px solid var(--border);background:#fff;border-radius:22px;width:min(480px,100%);padding:34px;box-shadow:0 20px 60px #164b6618}.brand{color:var(--blue);background:#e6f5fc;border-radius:12px;padding:9px 13px;font-weight:900;display:inline-block}.login h1{margin:24px 0 8px;font-size:31px}.login p,.review small{color:var(--muted);line-height:1.6;display:block}.login label{gap:7px;margin-top:17px;font-size:13px;font-weight:800;display:grid}.login input{border:1px solid var(--border);border-radius:11px;height:50px;padding:0 13px}.login button,.actions button{cursor:pointer;border:0;border-radius:10px;min-height:44px;padding:0 17px;font-weight:800}.login>button{color:#fff;background:var(--blue);width:100%;margin-top:20px}.error,.success{border-radius:10px;margin-top:14px;padding:12px}.error{color:var(--red);background:#fdeeed}.success{color:var(--green);background:#e7f6ec}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.shell aside{color:#fff;background:#092e47;flex-direction:column;gap:24px;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.shell aside nav{gap:8px;display:grid}.shell aside a{color:#dceef7;border-radius:10px;padding:13px;text-decoration:none}.shell aside a:hover{background:#ffffff16}.logout{color:#fff;background:0 0;border:1px solid #fff4;border-radius:9px;min-height:44px;margin-top:auto}.shell main{width:100%;max-width:1400px;margin:auto;padding:34px}.shell header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.shell h1{margin:4px 0;font-size:36px}.shell h2{margin-top:30px}.shell h2 em{color:var(--blue);font-style:normal}.safe,.warning{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.safe{color:var(--green);background:#e7f6ec}.warning{color:#ae6815;background:#fff3df}.review{border:1px solid var(--border);background:#fff;border-radius:17px;margin-top:14px;padding:22px;box-shadow:0 10px 30px #174b6610}.review-head,.actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.review-head strong{font-size:18px}.compare{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.compare div{background:#f4f9fb;border-radius:10px;padding:12px;font-size:13px}.compare small{font-weight:800}.files{flex-wrap:wrap;gap:10px;display:flex}.file{text-align:left;color:var(--navy);border:1px solid var(--border);background:#fff;border-radius:10px;padding:11px 13px}.actions{justify-content:flex-end;margin-top:18px}.actions .danger{color:var(--red);background:#fdeeed}.actions .approve{color:#fff;background:var(--green)}@media (max-width:800px){.shell{grid-template-columns:1fr}.shell aside{height:auto;position:static}.shell aside nav{grid-template-columns:repeat(3,1fr)}.logout{margin:0}.shell main{padding:20px 14px}.compare{grid-template-columns:1fr}.review-head{flex-direction:column;align-items:flex-start}.actions{flex-wrap:wrap}.actions button{flex:1}}
.notice{color:#8b5b16;background:#fff3df;border-radius:10px;margin-top:14px;padding:12px}.audit-list{gap:10px;display:grid}.audit-list article,.audit-list .empty{border:1px solid var(--border);background:#fff;border-radius:12px;gap:5px;padding:15px;display:grid}.audit-list span,.audit-list small,.audit-list .empty{color:var(--muted)}