.kpi-card{background:transparent;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;transition:all .3s ease;border-radius:8px}.kpi-card.kpi-normal{padding-top:8px;padding-bottom:4px}.kpi-card:hover{background:#00000005;transform:scale(1.02)}.kpi-content{display:flex;align-items:center;justify-content:center;width:100%}.kpi-values{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%}.kpi-value{font-weight:700;line-height:1;color:#111827;white-space:nowrap;text-align:center}.kpi-secondary-value{font-weight:600;line-height:1;color:#6b7280;white-space:nowrap;text-align:center}.kpi-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon svg{width:30px;height:30px}.kpi-loading{opacity:.6}.kpi-blue .kpi-value{color:#3b82f6}.kpi-blue .kpi-icon{background-color:#dbeafe;color:#3b82f6}.kpi-green .kpi-value{color:#10b981}.kpi-green .kpi-icon{background-color:#d1fae5;color:#10b981}.kpi-purple .kpi-value{color:#8b5cf6}.kpi-purple .kpi-icon{background-color:#ede9fe;color:#8b5cf6}.kpi-orange .kpi-value{color:#f59e0b}.kpi-orange .kpi-icon{background-color:#fef3c7;color:#f59e0b}.kpi-red .kpi-value{color:#ef4444}.kpi-red .kpi-icon{background-color:#fee2e2;color:#ef4444}.kpi-indigo .kpi-value{color:#6366f1}.kpi-indigo .kpi-icon{background-color:#e0e7ff;color:#6366f1}@media (max-width: 768px){.kpi-card{padding:16px}.kpi-value{font-size:24px}.kpi-icon{width:28px;height:28px}.kpi-icon svg{width:16px;height:16px}}.data-grid-container{display:flex;flex-direction:column;flex:1 1 auto;height:100%;width:100%;background:var(--card-surface);border-radius:8px;max-height:100%;min-height:0;position:relative;overflow:hidden;z-index:1}.data-grid-export-btn-floating{position:absolute;top:-40px;right:0;display:flex;align-items:center;gap:4px;padding:6px 10px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;z-index:10}.data-grid-export-btn-floating:hover{background:#f3f4f6;border-color:#9ca3af}.data-grid-compact{font-size:13px}.data-grid-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--card-border);background:var(--app-surface)}.data-grid-info{display:flex;align-items:center;gap:12px}.data-grid-count{font-size:14px;color:var(--text-secondary);font-weight:500}.data-grid-actions{display:flex;gap:8px}.data-grid-export-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--card-surface);border:1px solid var(--card-border);border-radius:6px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.data-grid-export-btn:hover{background:#ffffff0f;border-color:var(--card-border)}.data-grid-export-btn svg{stroke-width:2}.data-grid-table-wrapper{flex:1 1 auto;max-height:100%;overflow-y:auto;overflow-x:auto;min-height:0}.data-grid-table-wrapper--scroll{max-height:calc(100% - 140px)}.data-grid-table{width:100%;border-collapse:collapse;font-size:14px}.data-grid-compact .data-grid-table{font-size:12px}.data-grid-table thead{position:sticky;top:0;z-index:10;background:var(--app-surface);border-bottom:2px solid var(--card-border)}.data-grid-table th{padding:12px 16px;font-weight:600;color:var(--text-primary);font-size:12px;letter-spacing:.05em;white-space:nowrap}.data-grid-compact .data-grid-table th{padding:8px 12px;font-size:11px}.data-grid-table th.sortable{-webkit-user-select:none;user-select:none;transition:background .2s ease}.data-grid-table th.sortable:hover{background:#f3f4f6}.data-grid-header-content{display:flex;align-items:center;justify-content:space-between;gap:8px}.sort-indicator{font-size:14px;color:#2563eb;font-weight:700}.data-grid-table tbody tr{border-bottom:1px solid var(--card-border)}.data-grid-table.striped tbody tr:nth-child(2n){background:#ffffff08}.data-grid-table.hoverable tbody tr{transition:background .15s ease}.data-grid-table.hoverable tbody tr:hover{background:#ffffff14}.data-grid-table tbody tr.clickable{cursor:pointer}.data-grid-table tbody tr.clickable:hover{background:#ffffff14}.data-grid-table td{padding:12px 16px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-grid-expand-header{width:1%!important;white-space:nowrap!important;padding:12px 4px!important}.data-grid-expand-cell{width:1%!important;white-space:nowrap!important;text-align:center;padding:12px 4px!important}.data-grid-expand-btn{width:24px;height:24px;border-radius:4px;border:1px solid var(--card-border);background:var(--card-surface);color:var(--text-primary);cursor:pointer;font-weight:700;font-size:14px;line-height:1;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.data-grid-expand-btn:hover{background:#ffffff0f;border-color:var(--card-border)}.data-grid-detail-row td{padding:0 16px 16px;background:var(--app-surface)}.data-grid-detail-wrapper{border:1px solid var(--card-border);border-radius:8px;background:var(--card-surface);padding:12px}.data-grid-detail-table{width:100%;border-collapse:collapse;font-size:13px}.data-grid-detail-table th,.data-grid-detail-table td{padding:8px;text-align:left;border-bottom:1px solid var(--card-border);white-space:nowrap}.data-grid-detail-table thead th{background:var(--app-surface);font-weight:600;color:var(--text-primary)}.data-grid-detail-table th.sortable{-webkit-user-select:none;user-select:none;transition:background .2s ease}.data-grid-detail-table th.sortable:hover{background:#f3f4f6}.data-grid-detail-table tbody tr:last-child td{border-bottom:none}.data-grid-compact .data-grid-table td{padding:8px 12px}.data-grid-compact .data-grid-expand-header,.data-grid-compact .data-grid-expand-cell{width:1%!important;padding:8px 2px!important}.data-grid-compact .data-grid-expand-btn{width:20px;height:20px;font-size:12px}.data-grid-table tfoot{position:sticky;bottom:0;z-index:5;background:var(--app-surface);border-top:2px solid var(--card-border)}.data-grid-totals-row td{padding:12px 16px;font-weight:700;color:var(--text-primary);background:var(--app-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-grid-compact .data-grid-totals-row td{padding:8px 12px;font-size:12px}.data-grid-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px 16px;border-top:1px solid var(--card-border);background:var(--app-surface);flex-shrink:0}.data-grid-pagination-btn{padding:6px 12px;background:var(--card-surface);border:1px solid var(--card-border);border-radius:6px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.data-grid-pagination-btn:hover:not(:disabled){background:#ffffff0f;border-color:var(--card-border)}.data-grid-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.data-grid-pagination-info{font-size:13px;color:var(--text-secondary);font-weight:500;min-width:120px;text-align:center}.data-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;padding:32px;text-align:center;color:var(--text-secondary)}.data-grid-empty p{margin:0 0 8px;font-size:16px;font-weight:500;color:var(--text-primary)}.data-grid-empty small{font-size:13px;color:var(--text-secondary)}@media (max-width: 768px){.data-grid-table{font-size:12px}.data-grid-table th,.data-grid-table td{padding:8px 12px}.data-grid-header{flex-direction:column;align-items:stretch;gap:12px}.data-grid-actions{justify-content:flex-end}}.data-grid-table-wrapper{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.data-grid-table-wrapper::-webkit-scrollbar{width:10px;height:8px}.data-grid-table-wrapper::-webkit-scrollbar-track{background:var(--app-surface);border-radius:4px}.data-grid-table-wrapper::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px;border:2px solid var(--app-surface)}.data-grid-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.data-grid-table-wrapper::-webkit-scrollbar-button{display:none}.kpi-gauge-card{background:transparent;height:100%;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:4px;overflow:hidden;box-sizing:border-box;transition:all .3s ease;border-radius:8px}.kpi-gauge-card:hover{background:#00000005;transform:scale(1.02)}.kpi-gauge-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px;max-width:100%;max-height:100%;flex-shrink:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:filter .3s ease}.kpi-gauge-card:hover .kpi-gauge-wrapper{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.kpi-gauge-svg{width:100%;height:100%}.kpi-gauge-track{fill:none;stroke:#e5e7eb}.kpi-gauge-progress{fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s ease,stroke .3s ease}.kpi-gauge-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:700;color:#111827;line-height:1.2}.kpi-gauge-value span{display:block;font-size:14px;font-weight:500;color:#6b7280}.kpi-gauge-details{font-size:14px;color:#6b7280;display:flex;flex-direction:column;gap:4px}.kpi-gauge-highlight{font-weight:600;color:#111827}.kpi-gauge-placeholder{font-size:14px;color:#6b7280}.kpi-gauge-compact{padding:2px;gap:2px}.kpi-gauge-card.kpi-gauge-compact .kpi-gauge-wrapper{margin-bottom:0}.kpi-gauge-card.kpi-gauge-compact .kpi-gauge-value{font-size:24px}.kpi-gauge-card.kpi-gauge-compact .kpi-gauge-value span{font-size:12px}.kpi-gauge-card.kpi-gauge-compact .kpi-gauge-details{font-size:12px;gap:2px}@media (max-width: 768px){.kpi-gauge-value{font-size:26px}}:root{--app-bg: #f5f7fa;--app-surface: #ffffff;--app-border: #e5e7eb;--text-primary: #111827;--text-secondary: #4b5563;--sidebar-bg: rgb(0, 85, 184);--sidebar-fg: #ffffff;--sidebar-border: rgba(255, 255, 255, .1);--sidebar-item-hover-bg: rgba(255, 255, 255, .08);--sidebar-item-active-bg: rgba(255, 255, 255, .15);--sidebar-button-bg: rgba(255, 255, 255, .1);--sidebar-button-border: rgba(255, 255, 255, .2);--sidebar-button-hover-bg: rgba(255, 255, 255, .15);--sidebar-accent: rgba(255, 255, 255, .25);--surface-elevated: #ffffff;--surface-elevated-border: #e5e7eb;--card-surface: #ffffff;--card-border: #e5e7eb;--card-shadow: 0 1px 3px rgba(0, 0, 0, .1);--card-ghost: #f9fafb;--card-hover: #eef2f7;--field-bg: #ffffff;--accent: rgb(0, 85, 184);--error-bg: #fee2e2;--error-border: #fecaca;--error-text: #991b1b;--info-bg: #f0f9ff;--info-border: #bfdbfe;--info: #1e40af;--info-light: #e0f2fe}.theme-dark{--app-bg: #0b1220;--app-surface: #0f172a;--app-border: #1f2937;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--sidebar-bg: #0b305f;--sidebar-fg: #ffffff;--sidebar-border: rgba(255, 255, 255, .14);--sidebar-item-hover-bg: rgba(255, 255, 255, .08);--sidebar-item-active-bg: rgba(255, 255, 255, .18);--sidebar-button-bg: rgba(255, 255, 255, .12);--sidebar-button-border: rgba(255, 255, 255, .24);--sidebar-button-hover-bg: rgba(255, 255, 255, .18);--sidebar-accent: rgba(255, 255, 255, .28);--surface-elevated: #111827;--surface-elevated-border: #1f2937;--card-surface: #111827;--card-border: #1f2937;--card-shadow: 0 1px 6px rgba(0, 0, 0, .35);--card-ghost: #0f172a;--card-hover: #1a2334;--field-bg: #0f172a;--accent: rgb(0, 110, 210);--error-bg: #2d1a1a;--error-border: #3f2020;--error-text: #fca5a5;--info-bg: #1e3a5f;--info-border: #2563eb;--info: #93c5fd;--info-light: #1e40af}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--app-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}button{font-family:inherit}.dashboard-filter-input::placeholder,.dashboard-filter-input::-webkit-input-placeholder,.dashboard-filter-input::-moz-placeholder,.dashboard-filter-input:-ms-input-placeholder,.dashboard-filter-input::-ms-input-placeholder{color:#ffffffb3!important;opacity:1!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.left-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:900}.left-sidebar-overlay.open{opacity:1;pointer-events:auto}.left-sidebar{position:fixed;top:0;left:0;height:100vh;width:290px;max-width:92%;background:#0055b8f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:2px 0 20px #02061726;transform:translate(-100%);transition:transform .24s ease;z-index:1000;display:flex;flex-direction:column;border-top-right-radius:12px;border-bottom-right-radius:12px;border-right:1px solid rgba(0,85,184,.5);overflow:hidden}.left-sidebar.open{transform:translate(0)}.left-sidebar-handle{position:fixed;left:0;top:48%;transform:translateY(-48%);width:36px;height:96px;background:#0055b8;border:1px solid rgba(0,0,0,.06);border-left:none;border-top-right-radius:12px;border-bottom-right-radius:12px;display:flex;align-items:center;justify-content:center;z-index:1001;cursor:pointer;box-shadow:2px 0 18px #0206171f;transition:all .2s ease}.left-sidebar-handle:hover{width:40px;background:#005fcc;box-shadow:2px 0 24px #0206172e}.right-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:900}.right-panel-overlay.open{opacity:1;pointer-events:auto}.right-panel{position:fixed;top:0;right:0;height:100vh;width:290px;max-width:92%;background:#0055b8f2;box-shadow:0 8px 20px #02061714;transform:translate(100%);transition:transform .24s ease;z-index:1000;display:flex;flex-direction:column;border-top-left-radius:12px;border-bottom-left-radius:12px;border-left:1px solid rgba(0,85,184,.5)}.right-panel.open{transform:translate(0)}.right-panel-handle{position:fixed;right:0;top:48%;transform:translateY(-48%);width:36px;height:96px;background:#0055b8;border:1px solid rgba(0,0,0,.06);border-right:none;border-top-left-radius:12px;border-bottom-left-radius:12px;display:flex;align-items:center;justify-content:center;z-index:1001;cursor:pointer;box-shadow:0 6px 18px #0206171a}.right-panel-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:space-between}.right-panel-body{padding:20px 24px;overflow:auto;flex:1 1 auto}.lookup-search-input::placeholder{color:#ffffff80;opacity:1}@media (max-width: 1279px) and (min-width: 768px){.dashboard-chart-item[data-cols="1"],.dashboard-chart-item[data-cols="2"],.dashboard-chart-item[data-cols="3"],.dashboard-chart-item[data-cols="4"]{grid-column:span 6!important}.dashboard-chart-item[data-cols="5"],.dashboard-chart-item[data-cols="6"],.dashboard-chart-item[data-cols="7"],.dashboard-chart-item[data-cols="8"],.dashboard-chart-item[data-cols="9"],.dashboard-chart-item[data-cols="10"],.dashboard-chart-item[data-cols="11"],.dashboard-chart-item[data-cols="12"]{grid-column:span 12!important}}@media (max-width: 767px){.dashboard-chart-item{grid-column:span 12!important}}