:root{font-family:system-ui,Microsoft YaHei,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.shell{display:flex;min-height:100vh}.side{width:230px;background:#101a2e;color:#dce6f7;padding:24px 14px}.brand{font-size:20px;font-weight:700;padding:8px 12px 28px}.nav a{display:block;color:#b9c7dc;text-decoration:none;padding:12px;border-radius:8px;margin:4px 0}.nav a.active,.nav a:hover{background:#2356ad;color:white}.main{flex:1;padding:28px;max-width:1400px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 3px 12px #14213d0b}.card h3{margin-top:0}.muted{color:#68758a}.btn{background:#2161d1;border:0;border-radius:7px;color:white;padding:10px 16px;cursor:pointer}.input{width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:11px;margin:6px 0 14px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px;border-bottom:1px solid #e5eaf2;text-align:left}.login{max-width:420px;margin:12vh auto}.login h1{margin-top:0}.@media(max-width:800px){.side{width:180px}.grid{grid-template-columns:1fr}.main{padding:16px}}