:root{color:#303a46;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0}*{box-sizing:border-box}html,body,#root{min-width:1280px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0;cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;background:#eef2f7}.login-box{width:360px;display:grid;gap:16px;padding:32px;background:#fff;border:1px solid #e4e7ed;box-shadow:0 6px 18px #1e2a3814}.login-logo{width:46px;height:46px;display:grid;place-items:center;color:#fff;background:#304156}.login-box h1{margin:0 0 8px;font-size:22px}.login-box label{display:grid;gap:8px;color:#606266;font-size:14px}.login-box input,.field input,.pagination input{height:38px;border:1px solid #dcdfe6;border-radius:4px;padding:0 12px;color:#303133;outline:none;background:#fff}.login-box input:focus,.field input:focus{border-color:#409eff}.login-box button{height:40px;color:#fff;background:#409eff;border-radius:4px}.admin-app{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#f0f2f5}.admin-sidebar{min-height:100vh;background:#304156;color:#bfcbd9}.brand{height:58px;display:flex;align-items:center;gap:12px;padding:0 18px;color:#fff;background:#263445}.brand-logo{width:36px;height:36px;display:grid;place-items:center;background:#fff;color:#111;border-radius:4px;font-size:20px}.brand strong{font-size:16px}.menu-list{padding:14px 0 24px}.menu-row,.submenu-row{height:58px;display:flex;align-items:center;gap:14px;padding:0 22px;color:#bfcbd9;font-size:16px}.menu-row{color:#d7e1eb}.menu-arrow{margin-left:auto;color:#96a7b8}.submenu{padding:3px 0 8px}.submenu-row{height:59px;padding-left:50px;color:#b9c6d3}.submenu-row.active{color:#409eff}.submenu-row:nth-child(3).active,.menu-group:nth-child(3) .submenu-row:nth-child(3){color:#ff5d5d}.admin-main{min-width:0}.admin-header{height:58px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e6e8ed;padding:0 18px}.breadcrumb,.header-actions{display:flex;align-items:center;gap:14px}.breadcrumb{font-size:15px;color:#303133}.breadcrumb .muted{color:#97a0ad}.header-actions{color:#303133}.avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:3px;background:#fff;border:1px solid #dcdfe6}.tabs-row{height:40px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #dfe4ea}.tab-scroll,.tab{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:#606266;border-right:1px solid #e4e7ed;padding:0 12px}.tab{height:32px;margin-left:6px;border:1px solid #dcdfe6;color:#606266}.tab.active{color:#fff;background:#409eff;border-color:#409eff}.dot{width:7px;height:7px;border-radius:50%;background:#fff}.tab-fill{flex:1;height:100%;border-right:1px solid #e4e7ed}.page-body{padding:14px}.filter-panel,.table-panel{background:#fff;border:1px solid #e4e7ed;border-radius:4px;box-shadow:0 1px 3px #1e2a380a}.filter-panel{padding:22px 20px 20px;margin-bottom:20px}.filter-grid{display:grid;grid-template-columns:285px 285px 285px 285px 285px;gap:22px 36px;align-items:center}.field{display:grid;grid-template-columns:76px 1fr;align-items:center;color:#606266;font-size:16px}.field span{text-align:right;padding-right:12px}.field input{width:214px;height:40px;font-size:15px}.field input::placeholder{color:#b2bac5}.filter-actions{display:flex;align-items:center;gap:12px;grid-column:3 / span 2}.btn{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 18px;color:#606266;background:#fff;border:1px solid #dcdfe6;border-radius:4px;font-size:15px}.btn.primary{color:#fff;background:#409eff;border-color:#409eff}.link-btn{height:38px;display:inline-flex;align-items:center;gap:2px;color:#409eff;background:transparent;font-size:15px}.table-panel{min-height:568px}.summary-bar{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:24px;gap:20px}.summary-bar>span{flex:1;min-height:50px;display:flex;align-items:center;padding:0 14px;color:#a8651f;background:#ffffe6;border:1px solid #fbf3bf;font-size:15px}.table-tools{display:flex;align-items:center;gap:12px}.select-btn{height:38px;min-width:102px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#909399;background:#fff;border:1px solid #dcdfe6;border-radius:4px}.round{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#fff}.round.gray{background:#909399}.round.blue{background:#409eff}.round.red{background:#f56c6c}.data-table{margin:0 24px;border:1px solid #ebeef5;overflow-x:auto}table{width:100%;min-width:1500px;border-collapse:collapse;table-layout:fixed}th{height:48px;color:#909399;background:#fff;border-right:1px solid #ebeef5;border-bottom:1px solid #ebeef5;font-size:16px;font-weight:700;text-align:center}td{border-bottom:1px solid #ebeef5}.empty-state{height:292px;display:grid;place-items:center;align-content:center;gap:18px;color:#c0c4cc;font-size:16px}.empty-state svg{color:#e3e7ee}.pagination{height:112px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 64px 0 24px;color:#606266}.page-size{height:38px;min-width:150px;display:inline-flex;align-items:center;justify-content:space-between;padding:0 12px;color:#606266;background:#fff;border:1px solid #dcdfe6;border-radius:4px}.page-btn{width:38px;height:38px;display:grid;place-items:center;color:#606266;background:#f4f6f9;border-radius:4px}.page-btn.active{color:#fff;background:#409eff}.page-btn.disabled{color:#c0c4cc;cursor:not-allowed}.pagination input{width:66px;text-align:center}