:root{color:#172033;background:#f3f6fb;font-family:Inter,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box;letter-spacing:0}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#fff;background:#1769e0;border:0;border-radius:7px;min-height:44px;padding:0 18px;font-weight:700}button:disabled{opacity:.58}button.quiet{color:#344052;background:#e9eef6}header{background:#fff;border-bottom:1px solid #dfe5ef;justify-content:space-between;align-items:center;gap:14px;height:62px;padding:0 18px;display:flex}header>div{align-items:center;gap:10px;display:flex}.login-view,.form-view,.workspace-view{width:min(100%,620px);min-height:100vh;margin:0 auto}.login-view{padding:max(36px,8vh) 18px 32px}.brand-block{align-items:center;gap:14px;margin-bottom:28px;display:flex}.brand-mark,.brand-mini{color:#fff;background:#172033;place-items:center;font-weight:800;display:grid}.brand-mark{border-radius:8px;width:52px;height:52px;font-size:20px}.brand-mini{border-radius:6px;width:32px;height:32px;font-size:12px}.brand-block h1{margin:0;font-size:25px}.brand-block p{color:#6b7587;margin:4px 0 0}.surface{background:#fff;border:1px solid #dfe5ef;border-radius:8px;padding:22px;box-shadow:0 8px 30px #22324c12}.surface h2{margin:0 0 18px;font-size:19px}label{color:#4d586a;margin-top:15px;font-size:14px;font-weight:650;display:block}input,select,textarea{color:#172033;background:#fff;border:1px solid #cbd4e0;border-radius:7px;outline:none;width:100%;min-height:46px;margin-top:7px;padding:10px 12px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#1769e0;box-shadow:0 0 0 3px #dceaff}.surface>button{width:100%;margin-top:12px}.form-message,.page-message{color:#b3261e;overflow-wrap:anywhere;min-height:20px;margin:12px 0 0;font-size:13px}.action-band{justify-content:space-between;align-items:center;gap:18px;padding:24px 18px 18px;display:flex}.action-band span{color:#6d7789;font-size:12px}.action-band h1{margin:3px 0 0;font-size:24px}.search{grid-template-columns:1fr auto;gap:8px;padding:0 18px;display:grid}.search input{margin:0}.page-message{color:#167346;padding:0 18px}.customer-list{gap:9px;padding:4px 18px 28px;display:grid}.customer-list article{background:#fff;border:1px solid #dfe5ed;border-radius:8px;padding:15px}.customer-list article>div{justify-content:space-between;align-items:start;gap:16px;display:flex}.customer-list strong{font-size:16px}.customer-list span{color:#687386;text-align:right;overflow-wrap:anywhere;max-width:48%;font-size:12px}.customer-list small{color:#748093;margin-top:10px;display:block}.empty{color:#738095;text-align:center;border:1px dashed #cbd4e0;border-radius:8px;padding:48px 20px}.form-view .surface{margin:18px}@media (width>=621px){body{padding:24px 0}.login-view,.form-view,.workspace-view{min-height:calc(100vh - 48px)}.workspace-view,.form-view{background:#f3f6fb;border:1px solid #dfe5ef}}