*{box-sizing:border-box}body{margin:0;color:#1f2937;background:#f4f6f8;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}#app{height:100vh}.layout{height:100vh;overflow:hidden}.layout__aside{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100vh;overflow:hidden}.layout__brand{height:56px;display:flex;align-items:center;padding:0 20px;font-size:17px;font-weight:700;border-bottom:1px solid #e5e7eb}.layout__aside .el-menu{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;border-right:0}.layout__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5e7eb}.layout__main{padding:20px;height:calc(100vh - 60px);overflow:auto}.page-shell{display:flex;flex-direction:column;gap:14px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-head h1{margin:0;font-size:22px;font-weight:700}.page-head p{margin:6px 0 0;color:#64748b;font-size:13px}.filter-bar{padding:14px 14px 0;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.page-alert{border-radius:8px}.data-table{width:100%;border-radius:8px}.pagination-bar{display:flex;justify-content:flex-end}.form-control{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.metric-tile{min-height:96px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between}.metric-tile span{color:#64748b;font-size:13px}.metric-tile strong{font-size:24px;font-weight:700}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel{width:min(420px,100%);padding:28px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.auth-panel h1{margin:0 0 24px;font-size:24px}.auth-panel__button{width:100%}