.card{background:#fff;border:1px solid #e6edf5;border-radius:10px;box-shadow:0 8px 28px #0f172a0f;margin-bottom:18px;padding:22px}h1{color:#0f172a;font-size:28px;line-height:1.2;margin:0 0 18px}table{border-collapse:collapse;width:100%}.el-table .cell{white-space:nowrap}.el-table td.el-table__cell,.el-table th.el-table__cell{padding:9px 12px}.el-table .operation-column .cell{white-space:nowrap}td,th{border-bottom:1px solid #f1f5f9;font-size:14px;padding:14px 16px;text-align:left}th{background:#f8fafc;color:#475569;font-weight:700}.loading{color:#64748b;padding:20px 0}.btn-primary{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:9px 16px}.btn-primary:hover{background:#059669}.btn-danger{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.btn-danger:hover{background:#dc2626}.btn-success{background:#10b981}.btn-success,.btn-warn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.btn-warn{background:#f59e0b}.btn-default{background:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}button:not([class]){background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;padding:9px 16px}button:not([class]):hover{background:#f8fafc}button:disabled{cursor:not-allowed;opacity:.5}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.toolbar input,.toolbar select{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:8px}.pagination{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:flex-end;margin-top:0;padding:14px 18px}.page-num{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;min-width:34px;padding:6px 11px}.page-num.active{background:#10b981;border-color:#10b981;color:#fff}.page-num:disabled{cursor:not-allowed;opacity:.5}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px}.tabs button.active{background:#10b981;border-color:#10b981;color:#fff}.modal{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:20px}.modal label{color:#475569;display:flex;flex-direction:column;font-size:13px;gap:4px;margin-bottom:12px}.form-row label{align-items:baseline;display:inline-flex;flex-direction:row}.modal label.inline{align-items:center;flex-direction:row;gap:8px}.modal input:not([type=checkbox]),.modal select,.modal textarea{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px;width:100%}.actions{display:flex;gap:8px;margin-top:4px}.panel-header{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.panel-header h1,.panel-header h2,.panel-header h3{margin:0 0 6px}.panel-header p{color:#64748b;margin:0}.metric-card,.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:none;padding:20px}.stat-label,.stat-sub{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:6px}.stat-value{color:#111827;font-size:26px;font-variant-numeric:tabular-nums;font-weight:700}.stat-change{font-size:11px;margin-top:4px}.stat-value.success{color:#10b981}.stat-value.info{color:#3b82f6}.stat-value.warn{color:#f59e0b}.stat-value.danger{color:#ef4444}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:4px 9px}.badge-success{background:#d1fae5;color:#047857}.badge-warning{background:#fef3c7;color:#b45309}.badge-error{background:#fee2e2;color:#b91c1c}.badge-muted{background:#f1f5f9;color:#64748b}.badge-info{background:#dbeafe;color:#2563eb}.badge-custom{background:#ede9fe;color:#7c3aed}.badge-primary{background:#dbeafe;color:#2563eb}.badge-ai{background:#6d28d9;color:#fff}.card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 18px}.card-header h3{color:#111827;font-size:13px;font-weight:600;margin:0}.card-body{padding:16px}.empty-cell,.empty-state{color:#94a3b8;padding:34px 16px!important;text-align:center}.modal-mask{align-items:center;background:#0f172a73;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:50}.modal-mask .modal{background:#fff;border:none;border-radius:12px;box-shadow:0 20px 60px #00000040;margin-top:0;max-width:92vw;padding:24px;width:520px}.modal-mask .modal.modal-lg{width:920px}.modal h3{color:#0f172a;font-size:17px;margin:0 0 16px}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-row label{color:#64748b;font-size:12px;white-space:nowrap}.form-row input,.form-row select{border:1px solid #e2e8f0;border-radius:8px;font-size:13px;padding:8px 10px}.form-row small{color:#94a3b8;font-size:12px}.form-row.form-inline{align-items:center;flex-direction:row}.form-row.form-inline label{align-items:center;color:#475569;display:flex;font-size:13px;gap:6px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:24px;line-height:1;padding:0 4px}.modal-close:hover{color:#475569}.form-divider{border-top:1px solid #eef2f7;color:#475569;font-size:12px;font-weight:600;margin:6px 0 4px;padding-top:14px}.btn-outline{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;padding:6px 12px}.btn-outline:hover{border-color:#10b981;color:#10b981}.btn-sm{font-size:12px;padding:5px 11px}.switch{background:#cbd5e1;border-radius:999px;cursor:pointer;display:inline-block;flex-shrink:0;height:22px;position:relative;transition:background .18s ease;width:40px}.switch.on{background:#10b981}.switch:after{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0003;content:"";height:18px;left:2px;position:absolute;top:2px;transition:left .18s ease;width:18px}.switch.on:after{left:20px}.row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.btn-edit{background:#ecfdf5;border:1px solid #10b981;border-radius:6px;color:#10b981;cursor:pointer;font-size:12px;padding:4px 12px}.btn-edit:hover{background:#10b981;color:#fff}.btn-danger-sm{background:#fef2f2;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;font-size:12px;padding:4px 12px}.btn-danger-sm:hover{background:#ef4444;color:#fff}.btn-ghost-sm{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;padding:4px 12px}.btn-ghost-sm:hover{border-color:#10b981;color:#10b981}.form-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:13px;padding:6px 10px}.form-input:focus{border-color:#10b981;outline:none}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%239ca3af' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:13px;padding:8px 28px 8px 10px}.form-select:focus{border-color:#10b981;outline:none}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f9fafb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb}.data-table td{color:#111827;font-size:13px;padding:11px 14px}.data-table tbody tr:hover{background:#f9fafb}.text-secondary{color:#6b7280}.text-tertiary{color:#9ca3af}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;justify-content:space-between;padding:14px 16px}.modal-header h2,.modal-header h3{color:#0f172a;font-size:17px;margin:0}.modal-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:14px 16px}.modal-body{padding:16px}.modal-info-row{display:flex;font-size:13px;justify-content:space-between;padding:4px 0}
