:root{--ink:#10243b;--navy:#0b1b2d;--blue:#173b61;--copper:#b8783e;--paper:#f5f7f8;--white:#fff;--muted:#6c7885;--line:#dce2e7;--green:#24735b;--amber:#aa641e;--red:#a43e3e}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.auth{background:linear-gradient(135deg,#071626,#153657);place-items:center;min-height:100vh;display:grid}.auth-card{border-top:3px solid var(--copper);background:#fff;width:min(430px,100% - 32px);padding:34px;box-shadow:0 24px 70px #0005}.eyebrow{color:var(--copper);letter-spacing:1.5px;font-size:10px}.auth h1{margin:10px 0;font:500 27px STSong,serif}.auth p{color:var(--muted);font-size:12px;line-height:1.7}.field{color:var(--muted);margin:17px 0 6px;font-size:11px;display:block}input,select{border:1px solid var(--line);background:#fff;border-radius:4px;width:100%;padding:12px}.primary{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:4px;padding:12px 18px}.wide{width:100%;margin-top:20px}.auth-links{justify-content:space-between;margin-top:16px;font-size:12px;display:flex}.auth-links a{color:var(--blue)}.notice{border-left:3px solid var(--copper);color:var(--amber);background:#fff6e9;padding:12px;font-size:12px}.error{color:var(--red);font-size:12px}.shell{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.side{background:var(--navy);color:#9fb0c1;width:244px;padding:27px 18px;position:fixed;inset:0 auto 0 0}.brand{color:#fff;border-bottom:1px solid #26394d;padding:4px 10px 26px;font-size:18px;font-weight:700}.brand small{color:#8799aa;margin-top:5px;font-size:11px;font-weight:400;display:block}.nav{margin-top:22px}.nav a{border-radius:6px;margin:3px 0;padding:12px;display:block}.nav a:hover{color:#fff;background:#152b42}.side-user{font-size:12px;position:absolute;bottom:22px;left:28px}.side-user small{color:#71869b;margin-top:4px;display:block}.main{grid-column:2}.top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:100px;padding:24px 38px;display:flex}.top h1{margin:4px 0;font:600 25px STSong,serif}.content{padding:28px 38px}.hero{color:#fff;background:linear-gradient(110deg,#102840,#173b61);justify-content:space-between;align-items:center;padding:28px 32px;display:flex}.hero h2{margin:8px 0;font:500 25px STSong,serif}.hero p{color:#a8b9c8;font-size:12px}.metric-row{grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;display:grid}.metric,.panel{border:1px solid var(--line);background:#fff;padding:20px}.metric span{color:var(--muted);font-size:12px}.metric strong{margin-top:8px;font:600 28px Georgia,serif;display:block}.panel h2{margin:0 0 16px;font:600 18px STSong,serif}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid #e9edf0;padding:12px 8px}th{color:var(--muted);font-weight:500}.badge{white-space:nowrap;color:var(--amber);background:#fff0df;border-radius:999px;padding:5px 9px;display:inline-flex}.actions{gap:8px;display:flex}.ghost{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:4px;padding:7px 10px}.danger{color:var(--red)}.approved{color:var(--green)}@media (max-width:800px){.shell{display:block}.side{width:100%;position:static}.side-user{display:none}.main{display:block}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.content,.top{padding-left:18px;padding-right:18px}.metric-row{grid-template-columns:1fr 1fr}.hero{display:block}}