:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#10233e;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:11px 18px;background:#1671e8;color:white;font-weight:700}.secondary{background:#edf3fb;color:#1d4f8c}.login{min-height:100vh;background:linear-gradient(135deg,#0a2e59,#07192f);padding:34px}.brand{display:flex;gap:12px;align-items:center;color:white}.brand span{display:grid;place-items:center;width:44px;height:44px;background:#1671e8;border-radius:12px;font-size:26px}.brand b,.brand small{display:block}.brand b{font-size:22px}.brand small{opacity:.68}.card{width:min(440px,92vw);margin:8vh auto;background:white;border-radius:20px;padding:38px;box-shadow:0 28px 70px #0005}.card em{font-style:normal;color:#1671e8;background:#eaf3ff;padding:6px 12px;border-radius:20px}.card h1{margin:22px 0 8px}.card p{color:#71819a}.card label{display:block;margin:18px 0;color:#42526b;font-weight:700}.card input,.fields input,.fields select,.fields textarea{width:100%;margin-top:7px;padding:12px;border:1px solid #d6dfeb;border-radius:8px;background:white}.card button{width:100%;margin-top:10px}.error{color:#d53b3b;margin-top:12px;min-height:20px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#0b2749;padding:24px 20px;display:flex;flex-direction:column}.tenant{margin:28px 0;padding:14px;background:#153a65;border-radius:10px;color:white}.tenant b,.tenant small{display:block}.tenant small{margin-top:5px;opacity:.7}nav{display:grid;gap:7px}nav button{text-align:left;background:transparent;color:#bed1e8}nav button.active{background:#1b4c7b;color:white}.logout{margin-top:auto;background:#14365c;color:#bcd1e9}main{min-width:0}header{height:72px;background:white;border-bottom:1px solid #e4e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.online{color:#0ca66c;margin-right:25px}.page{display:none;padding:28px}.page.active{display:block}.hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.hero h1{margin:0 0 6px}.hero p{margin:0;color:#71819a}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics article,.panel{background:white;border:1px solid #e3e8ef;border-radius:14px;padding:22px;box-shadow:0 4px 18px #16395c0a}.metrics label,.metrics small{display:block;color:#76859b}.metrics strong{font-size:38px;display:inline-block;margin:12px 5px 4px 0}.panel{overflow:auto}.panel.empty{margin-top:18px;text-align:center;padding:55px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf0f4}th{color:#64758d;font-size:13px}.no-data{text-align:center;color:#8a98aa;padding:45px}.modal{position:fixed;inset:0;background:#07192fa8;display:grid;place-items:center;padding:20px}.modal-card{background:white;width:min(650px,95vw);max-height:90vh;overflow:auto;border-radius:16px;padding:24px}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between}.modal-head button{background:transparent;color:#607086;font-size:26px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.fields label{font-weight:700;color:#42526b}.fields .wide{grid-column:1/-1}.modal-actions{justify-content:flex-end;gap:10px}.toast{position:fixed;right:25px;bottom:25px;background:#102d51;color:white;padding:14px 20px;border-radius:10px}.status{padding:4px 9px;border-radius:20px;background:#e7f7f0;color:#078255}@media(max-width:850px){.shell{grid-template-columns:1fr}aside{display:none}.metrics{grid-template-columns:1fr 1fr}.page{padding:18px}.hero{align-items:flex-start;gap:15px}.fields{grid-template-columns:1fr}}