: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}.login-box button:disabled{cursor:default;opacity:.65}.login-error{border:1px solid #ffccc7;border-radius:4px;padding:8px 10px;color:#cf1322;background:#fff2f0;font-size:13px}.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{width:100%;height:58px;display:flex;align-items:center;gap:14px;padding:0 22px;color:#bfcbd9;background:transparent;font-size:16px;text-align:left}.menu-row{color:#d7e1eb}.menu-row.group-active{color:#fff}.menu-row:hover,.submenu-row:hover{background:#263445}.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}.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}.btn.primary.soft{background:#67c23a;border-color:#67c23a}.link-btn{height:38px;display:inline-flex;align-items:center;gap:2px;color:#409eff;background:transparent;font-size:15px}.table-panel{min-height:568px}.notice-line{margin:-10px 24px 14px;padding:10px 14px;color:#a8651f;background:#fffbe8;border:1px solid #f5e7a8;font-size:14px}.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{height:54px;padding:8px 10px;color:#606266;border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5;font-size:14px;text-align:center;line-height:1.45;word-break:break-word}.table-action{height:28px;padding:0 10px;color:#0958d9;background:#e6f4ff;border:1px solid #1677ff;border-radius:3px;font-size:12px}.row-actions{display:inline-flex;justify-content:center;gap:6px}.table-action.gray{color:#606266;background:#f4f6f9;border-color:#dcdfe6}.table-action.amber{color:#ad6800;background:#fff7e6;border-color:#ffd591}tbody tr:hover td{background:#f5f7fa}.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}.modal-mask{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#00000061}.modal-panel{width:560px;background:#fff;border-radius:4px;box-shadow:0 12px 32px #0000002e}.modal-head{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #ebeef5}.modal-head strong{font-size:17px;color:#303133}.modal-head button{width:30px;height:30px;display:grid;place-items:center;color:#909399;background:transparent}.modal-body{display:grid;gap:14px;padding:22px 24px}.modal-field{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:12px;color:#606266;font-size:14px}.modal-field span{text-align:right}.modal-field input,.modal-field select{height:38px;border:1px solid #dcdfe6;border-radius:4px;padding:0 11px;color:#303133;outline:none;background:#fff}.modal-field input:focus,.modal-field select:focus{border-color:#409eff}.modal-error{margin-left:104px;padding:8px 10px;color:#cf1322;background:#fff2f0;border:1px solid #ffccc7;border-radius:4px;font-size:13px}.modal-foot{height:64px;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:0 20px;background:#fafafa;border-top:1px solid #ebeef5}.modal-foot .btn:disabled{cursor:default;opacity:.65}.detail-panel{width:760px}.detail-loading{height:120px;display:grid;place-items:center;color:#909399}.detail-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ebeef5;border-bottom:0}.detail-item{min-height:44px;display:grid;grid-template-columns:96px 1fr;border-bottom:1px solid #ebeef5}.detail-item span{display:flex;align-items:center;padding:0 12px;color:#909399;background:#fafafa;border-right:1px solid #ebeef5}.detail-item strong{display:flex;align-items:center;padding:0 12px;color:#303133;font-weight:500;word-break:break-word}.detail-section{display:grid;gap:10px;margin-top:18px}.detail-section>strong{color:#303133}.detail-section p{margin:0;color:#909399}.detail-ledger{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.4fr;gap:10px;padding:9px 12px;background:#fafafa;border:1px solid #ebeef5;color:#606266}