:root{color:#172033;background:#f5f7fb;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{min-height:38px;border:1px solid #d9e0ea;border-radius:8px;background:#fff;color:#172033;padding:8px 12px;cursor:pointer;font-weight:700}button.primary{background:#0f766e;border-color:#0f766e;color:#fff}input{min-height:40px;border:1px solid #d9e0ea;border-radius:8px;padding:8px 10px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:#fff;border:1px solid #d9e0ea;border-radius:8px;padding:24px;box-shadow:0 16px 42px #17203314}.login-card form,.inline-form{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.login-card label{display:grid;gap:6px;width:100%;font-weight:700}.layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}aside{background:#172033;color:#fff;padding:18px;display:flex;flex-direction:column;gap:8px}aside .brand{font-size:18px;font-weight:900;margin-bottom:12px}aside button{color:#fff;background:#ffffff12;border-color:#ffffff24;text-align:left}aside button.active{background:#0f766e;border-color:#0f766e}main{padding:22px;display:grid;align-content:start;gap:16px}header,section{background:#fff;border:1px solid #d9e0ea;border-radius:8px;padding:16px}header{display:flex;justify-content:space-between;gap:12px;align-items:center}h1,h2,p{margin-top:0}p{color:#687386}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.card{border:1px solid #d9e0ea;border-radius:8px;padding:16px}.card span{display:block;color:#687386;margin-bottom:8px}.card strong{font-size:28px}table{width:100%;border-collapse:collapse;margin-top:14px}th,td{border-bottom:1px solid #e7ebf0;text-align:left;padding:10px 8px;vertical-align:top}th{color:#687386;font-size:13px}.result{margin-top:12px;color:#0f766e;font-weight:800}@media(max-width:900px){.layout,.cards{grid-template-columns:1fr}}