*{box-sizing:border-box}body{margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#182230;background:#f3f5f7}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:224px 1fr}aside{height:100vh;position:sticky;top:0;padding:22px 14px;display:flex;flex-direction:column;color:#d8e0e9;background:#17212b}.brand{padding:0 8px 24px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #2c3742}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:6px;color:#fff;background:#1677ff}.brand b,.brand span{display:block}.brand b{font-size:15px;color:#fff}.brand span{margin-top:3px;font-size:10px;color:#8e9dac}nav{padding-top:18px;display:grid;gap:4px}nav button,.logout{height:42px;padding:0 12px;display:flex;align-items:center;gap:11px;border:0;border-radius:5px;color:#aab6c2;background:transparent}nav button:hover,nav button.active{color:#fff;background:#263442}nav button.active{box-shadow:inset 3px 0 #1677ff}.logout{margin-top:auto;width:100%}.logout:hover{color:#fff;background:#263442}.workspace{min-width:0;padding:0 28px 36px}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe4e9}header h1{margin:3px 0 0;font-size:23px;letter-spacing:0}.eyebrow{margin:0;font-size:9px;font-weight:700;letter-spacing:1.6px;color:#1677ff}.header-tools{display:flex;align-items:center;gap:10px}.search{height:36px;width:240px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid #d5dce4;border-radius:5px;background:#fff}.search input{min-width:0;width:100%;border:0;outline:0}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #d5dce4;border-radius:5px;color:#526272;background:#fff}.error-banner{margin-top:16px;padding:11px 14px;border:1px solid #f2c6c3;border-radius:5px;color:#a83b34;background:#fff2f1}.loading,.empty{min-height:180px;display:grid;place-items:center;color:#7d8995}.dashboard{padding-top:22px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.metrics article,.summary-grid article,.table-panel{border:1px solid #dfe4e9;border-radius:6px;background:#fff;box-shadow:0 1px 2px #14233208}.metrics article{padding:16px}.metrics span{font-size:11px;color:#778491}.metrics b{margin-top:12px;display:block;font-size:28px}.summary-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.summary-grid article{padding:18px}.summary-grid h2,.modal h2{margin:0 0 15px;font-size:15px}.summary-row{height:38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3}.summary-row:last-child{border-bottom:0}.table-panel{margin-top:22px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid #edf0f3;font-size:11px;vertical-align:middle}th{height:42px;color:#667585;font-weight:600;background:#f8f9fa}td b,td small{display:block}td b{font-size:12px}td small{margin-top:4px;color:#8e99a5}.wide{max-width:310px;white-space:normal;line-height:1.6}.tag{display:inline-flex;padding:4px 7px;border-radius:4px;color:#1667b8;background:#edf6ff}.actions{white-space:nowrap}.actions button,.link{margin-right:6px;padding:5px 9px;border:1px solid #b9d5f6;border-radius:4px;font-size:10px;color:#1667b8;background:#f2f8ff}.actions .danger{color:#b43d36;border-color:#efc4c1;background:#fff4f3}code{font-size:10px;white-space:normal;color:#405064}.login-page{min-height:100vh;display:grid;place-items:center;background:#17212b}.login-panel{width:min(420px,calc(100% - 32px));padding:34px;border-radius:7px;background:#fff;box-shadow:0 20px 50px #0003}.login-panel h1{margin:14px 0 7px;font-size:25px}.login-copy{margin:0 0 24px;font-size:12px;line-height:1.7;color:#6f7d8b}.login-panel form,.modal{display:grid;gap:14px}label{display:grid;gap:7px;font-size:11px;font-weight:600;color:#465564}input,select,textarea{width:100%;padding:0 11px;border:1px solid #ccd5de;border-radius:5px;outline:0;background:#fff}input,select{height:38px}textarea{min-height:80px;padding-top:10px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1a}.primary{height:38px;border:0;border-radius:5px;color:#fff;background:#1677ff}.error-text{margin:0;font-size:11px;color:#ba3d35}.modal-mask{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0f19237a}.modal{width:min(440px,100%);padding:24px;border-radius:7px;background:#fff}.modal p{margin:0;font-size:12px;line-height:1.7;color:#637181}.modal-actions{display:flex;justify-content:flex-end;gap:9px}.modal-actions button{min-width:82px;height:36px;border:1px solid #ccd5de;border-radius:5px;background:#fff}.modal-actions .primary{border:0;background:#1677ff}.toast{position:fixed;z-index:120;left:50%;bottom:28px;transform:translate(-50%);padding:10px 16px;border-radius:5px;color:#fff;background:#1f2c39;box-shadow:0 6px 18px #0003}@media (max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.app-shell{grid-template-columns:64px 1fr}aside{padding:16px 8px}.brand{padding:0 4px 18px}.brand>div:last-child,nav span,.logout{display:none}nav button{justify-content:center;padding:0}.workspace{padding:0 14px 24px}header{height:auto;min-height:82px;gap:10px}.search{width:160px}.metrics{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:1fr}}