:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#101828;background:#f2f4f7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 20%,#2563eb 0,#101828 42%,#060b16 100%)}.login-card{width:min(420px,92vw);padding:40px;background:#fff;border-radius:24px;box-shadow:0 30px 80px #0005}.brand-mark,.logo span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#2563eb;color:#fff;font-weight:800;font-size:24px}.login-card h1{margin:22px 0 6px}.login-card p{margin:0 0 28px;color:#667085}.login-card label{display:block;margin:18px 0;color:#344054;font-size:14px}.login-card input,.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:8px;padding:12px 14px;border:1px solid #d0d5dd;border-radius:10px;background:#fff}.login-card button,.primary{width:100%;padding:13px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:700}.error{color:#b42318;margin-top:14px}.app{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{position:sticky;top:0;height:100vh;padding:24px 18px;background:#101828;color:#fff}.logo{display:flex;align-items:center;gap:14px;padding:0 8px 26px;font-size:20px}.logo span{width:42px;height:42px;border-radius:12px;font-size:19px}nav{display:flex;flex-direction:column;gap:8px}nav button,.logout{padding:13px 16px;text-align:left;border:0;border-radius:10px;background:transparent;color:#98a2b3}nav button.active,nav button:hover{background:#1d2939;color:#fff}.logout{position:absolute;left:18px;right:18px;bottom:24px}main{min-width:0;padding:28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header h2{margin:0 0 5px;font-size:26px}header p{margin:0;color:#667085}header button,.toolbar button{border:1px solid #d0d5dd;background:#fff;border-radius:10px;padding:10px 16px}.view{display:none}.active-view{display:block}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:22px}.metric,.panel{background:#fff;border:1px solid #eaecf0;border-radius:16px;box-shadow:0 8px 24px #1018280d}.metric{padding:22px}.metric span{color:#667085;font-size:13px}.metric strong{display:block;margin-top:12px;font-size:30px}.panel{padding:22px}.panel h3{margin-top:0}.panel p{color:#475467;line-height:1.8}.toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}.toolbar .primary{width:auto;border-color:#2563eb;background:#2563eb}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse}th,td{padding:15px 18px;text-align:left;border-bottom:1px solid #eaecf0;white-space:nowrap}th{background:#f9fafb;color:#475467;font-size:13px}td{font-size:14px}td button{padding:7px 10px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054}.status{padding:4px 9px;border-radius:99px;background:#ecfdf3;color:#027a48;font-size:12px}dialog{width:min(760px,94vw);border:0;border-radius:18px;padding:0;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#101828aa}#modelForm{padding:24px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h3{margin:0}.dialog-head button{font-size:26px;border:0;background:transparent}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.form-grid label{font-size:13px;color:#344054}.form-grid .full{grid-column:1/-1}.form-grid textarea{min-height:80px;resize:vertical}.form-grid .check{display:flex;align-items:center;gap:9px;padding-top:30px}.form-grid .check input{width:auto;margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.dialog-actions button{width:auto;padding:11px 22px;border:1px solid #d0d5dd;border-radius:9px}.dialog-actions .primary{border-color:#2563eb}@media(max-width:900px){.app{grid-template-columns:80px 1fr}.logo strong,nav button{font-size:0}.logo{padding-left:0}.summary-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}}