:root{color-scheme:light;--font-sans: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;--bg: #f4f8fb;--bg-2: #edf4f9;--bg-3: #e6eef5;--surface: rgba(255, 255, 255, .98);--surface-2: rgba(248, 251, 253, .96);--surface-3: rgba(242, 247, 251, .94);--ink: #12314d;--ink-soft: #27455f;--muted: #5f7b95;--muted-2: #86a0b7;--primary: #136cb5;--primary-rgb: 19, 108, 181;--primary-strong: #0e5a98;--primary-soft: #e7f3ff;--primary-soft-2: #dff0ff;--secondary: #1e8a8f;--success: #2f9b66;--success-rgb: 47, 155, 102;--warning: #d98922;--warning-rgb: 217, 137, 34;--danger: #d64c5f;--danger-rgb: 214, 76, 95;--critical: #b42338;--offline: #64748b;--disabled: #95a7b8;--border: #d8e5ef;--border-soft: #e5eef5;--border-strong: #c8d8e5;--shadow-xs: 0 4px 12px rgba(18, 49, 77, .04);--shadow-sm: 0 10px 24px rgba(18, 49, 77, .06);--shadow-md: 0 18px 40px rgba(18, 49, 77, .08);--shadow-lg: 0 28px 56px rgba(18, 49, 77, .12);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 20px;--space-5: 24px;--space-6: 32px}[data-theme=dark]{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;font-family:var(--font-sans);background:radial-gradient(1200px 500px at -6% -14%,rgba(86,165,222,.14),transparent 52%),radial-gradient(900px 420px at 106% 0%,rgba(85,199,187,.1),transparent 48%),linear-gradient(180deg,#f9fcfe 0%,var(--bg) 40%,#f1f6fa 100%);color:var(--ink)}body{font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}#app{min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}.page-container{display:flex;flex-direction:column;gap:var(--space-4)}.page-section,.card-elevated{position:relative;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}.page-section:hover,.card-elevated:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.clickable-card{cursor:pointer}.full-height{height:100%}.hint-text{color:var(--muted);font-size:12px}.empty-wrap{padding:32px 0}.surface-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffdb;box-shadow:var(--shadow-xs)}.surface-toolbar-title,.section-head__copy{display:grid;gap:4px}.surface-toolbar-title strong,.section-head__copy strong{color:var(--ink);font-size:15px}.surface-toolbar-title span,.section-head__copy span{color:var(--muted);font-size:12px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-head__copy h3,.section-head__copy h4{margin:0;font-size:18px;color:var(--ink)}.section-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);font-weight:700}.search-bar,.search-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px}.search-bar .ant-form-item,.search-form .ant-form-item{margin-inline-end:0!important;margin-bottom:0!important}.search-bar .ant-space,.search-form .ant-space{gap:8px!important}.table-actions,.toolbar-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.table-actions{justify-content:space-between;margin-bottom:12px}.table-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.table-head strong{display:block;color:var(--ink);font-size:16px}.table-head span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.row-action-links{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.selection-pill,.status-pill,.soft-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700}.selection-pill,.status-pill{background:rgba(var(--primary-rgb),.1);color:var(--primary-strong)}.soft-pill{background:#5f7b951a;color:var(--ink-soft)}.status-badge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 12px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:700;line-height:1}.status-badge--success{color:var(--success);background:rgba(var(--success-rgb),.1);border-color:rgba(var(--success-rgb),.18)}.status-badge--pending,.status-badge--warning{color:var(--warning);background:rgba(var(--warning-rgb),.12);border-color:rgba(var(--warning-rgb),.2)}.status-badge--processing,.status-badge--info{color:var(--primary);background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.18)}.status-badge--danger,.status-badge--rejected,.status-badge--emergency{color:var(--danger);background:rgba(var(--danger-rgb),.1);border-color:rgba(var(--danger-rgb),.18)}.status-badge--disabled,.status-badge--offline{color:var(--offline);background:#64748b1a;border-color:#64748b2e}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{display:grid;gap:10px;padding:18px;min-height:120px;border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f8fbfd)}.metric-card__label{color:var(--muted);font-size:12px}.metric-card__value{color:var(--ink);font-size:30px;line-height:1;font-weight:700}.metric-card__hint{color:var(--muted);font-size:12px;line-height:1.6}.metric-card--primary{background:linear-gradient(180deg,rgba(var(--primary-rgb),.08),rgba(var(--primary-rgb),.03))}.metric-card--success{background:linear-gradient(180deg,rgba(var(--success-rgb),.09),rgba(var(--success-rgb),.03))}.metric-card--warning{background:linear-gradient(180deg,rgba(var(--warning-rgb),.1),rgba(var(--warning-rgb),.04))}.metric-card--danger{background:linear-gradient(180deg,rgba(var(--danger-rgb),.1),rgba(var(--danger-rgb),.04))}.drawer-footer{position:sticky;bottom:-24px;z-index:2;display:flex;justify-content:flex-end;gap:10px;padding:16px 0 0;margin-top:16px;background:linear-gradient(180deg,#f7fbfe00,#f7fbfef0 30%,#f7fbfefa)}.ant-card{border-radius:var(--radius-lg)!important;border-color:var(--border)!important;box-shadow:var(--shadow-sm);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}.ant-card .ant-card-head{min-height:62px;border-bottom-color:var(--border-soft);padding-inline:20px}.ant-card .ant-card-head-title{color:var(--ink);font-weight:700}.ant-card .ant-card-body{padding:20px}.ant-card .ant-card-extra{color:var(--muted)}.ant-btn{border-radius:12px!important;font-weight:600;box-shadow:none}.ant-btn-default{border-color:var(--border)!important;color:var(--ink-soft)!important;background:#ffffffeb!important}.ant-btn-default:hover{border-color:rgba(var(--primary-rgb),.36)!important;color:var(--primary)!important}.ant-btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#3d96d9 100%)!important;border:none!important;box-shadow:0 12px 24px rgba(var(--primary-rgb),.22)}.ant-btn-primary:hover{box-shadow:0 16px 30px rgba(var(--primary-rgb),.28)}.ant-btn-link{color:var(--primary)!important}.ant-input,.ant-input-password,.ant-select-selector,.ant-picker,.ant-input-affix-wrapper,.ant-input-number,.ant-segmented{border-radius:12px!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker,.ant-input-number,.ant-segmented{border-color:var(--border)!important;background:#fffffff5!important}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-select-selector:hover,.ant-picker:hover,.ant-input-number:hover{border-color:rgba(var(--primary-rgb),.36)!important}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused,.ant-input-number-focused{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)!important}.ant-form-item .ant-form-item-label>label{color:var(--ink-soft);font-size:13px;font-weight:600}.ant-form-vertical .ant-form-item{margin-bottom:18px}.ant-form-item-explain-error{font-size:12px}.ant-table-wrapper{width:100%}.ant-table-wrapper .ant-table{background:transparent}.ant-table-wrapper .ant-table-container{border-inline-start:none!important;border-top:1px solid var(--border-soft)}.ant-table-wrapper .ant-table-thead>tr>th{padding:14px 16px!important;color:var(--ink-soft)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(180deg,#f7fafc,#f2f7fb)!important;border-bottom-color:var(--border-soft)!important}.ant-table-wrapper .ant-table-tbody>tr>td{padding:14px 16px!important;color:var(--ink)!important;border-bottom-color:var(--border-soft)!important;vertical-align:middle}.ant-table-wrapper .ant-table-tbody>tr.ant-table-row:hover>td{background:rgba(var(--primary-rgb),.04)!important}.ant-table-wrapper .ant-table-cell-fix-right,.ant-table-wrapper .ant-table-cell-fix-left{background:inherit!important}.ant-table-wrapper .ant-pagination{margin:18px 0 2px!important}.ant-pagination .ant-pagination-item,.ant-pagination .ant-pagination-prev,.ant-pagination .ant-pagination-next{border-radius:10px;border-color:var(--border)}.ant-pagination .ant-pagination-item-active{border-color:rgba(var(--primary-rgb),.28);background:rgba(var(--primary-rgb),.1)}.ant-tabs-top>.ant-tabs-nav{margin-bottom:16px}.ant-tabs-tab{border-radius:12px 12px 0 0}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab{border-radius:12px 12px 0 0!important;border-color:var(--border)!important;background:#f4f8fbf5!important}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active{background:#fff!important}.ant-breadcrumb{font-size:12px}.ant-tag{min-height:26px;padding-inline:10px;border-radius:999px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.ant-tag.ant-tag-blue,.ant-tag.ant-tag-processing{color:var(--primary);background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.16)}.ant-tag.ant-tag-cyan,.ant-tag.ant-tag-geekblue{color:var(--secondary);background:#1e8a8f1c;border-color:#1e8a8f29}.ant-tag.ant-tag-green,.ant-tag.ant-tag-success{color:var(--success);background:rgba(var(--success-rgb),.1);border-color:rgba(var(--success-rgb),.16)}.ant-tag.ant-tag-orange,.ant-tag.ant-tag-gold,.ant-tag.ant-tag-warning{color:var(--warning);background:rgba(var(--warning-rgb),.12);border-color:rgba(var(--warning-rgb),.18)}.ant-tag.ant-tag-red,.ant-tag.ant-tag-volcano,.ant-tag.ant-tag-error{color:var(--danger);background:rgba(var(--danger-rgb),.1);border-color:rgba(var(--danger-rgb),.18)}.ant-tag.ant-tag-purple,.ant-tag.ant-tag-magenta{color:#7b4cbf;background:#7b4cbf1a;border-color:#7b4cbf29}.ant-alert{border-radius:18px;border-width:1px}.ant-alert-info{border-color:rgba(var(--primary-rgb),.16);background:rgba(var(--primary-rgb),.06)}.ant-alert-warning{border-color:rgba(var(--warning-rgb),.16);background:rgba(var(--warning-rgb),.08)}.ant-alert-error{border-color:rgba(var(--danger-rgb),.16);background:rgba(var(--danger-rgb),.08)}.ant-empty,.ant-result{padding-block:12px}.ant-empty-description,.ant-result-subtitle{color:var(--muted)!important}.ant-modal .ant-modal-content,.ant-drawer .ant-drawer-content{border-radius:24px;overflow:hidden}.ant-modal .ant-modal-header,.ant-drawer .ant-drawer-header{padding:20px 22px;border-bottom-color:var(--border-soft);background:linear-gradient(180deg,#fff,#f8fbfd)}.ant-modal .ant-modal-body,.ant-drawer .ant-drawer-body{padding:20px 22px}.ant-modal .ant-modal-footer,.ant-drawer .ant-drawer-footer{border-top-color:var(--border-soft);padding:14px 22px 18px}.stateful-panel{padding:24px;border:1px dashed var(--border);border-radius:var(--radius-lg);background:#ffffffb8}@media (max-width: 1200px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.page-container{gap:var(--space-3)}.surface-toolbar,.table-head,.section-head{align-items:stretch}.metric-grid{grid-template-columns:1fr}.ant-card .ant-card-head,.ant-card .ant-card-body,.ant-modal .ant-modal-body,.ant-drawer .ant-drawer-body{padding-inline:16px}}