@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Cairo:wght@200..1000&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--primary: #00cfff;--primary-ink: #0b7a9c;--primary-strong: #0094c2;--secondary: #7eb9ce;--black: #0D121E;--bg-page: #f6f7f9;--bg-surface: #ffffff;--bg-surface-2: #f8fafc;--bg-elevated: #ffffff;--bg-muted: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #8b97a8;--text-inverse: #ffffff;--text-link: var(--primary-ink);--border: #e3e6ec;--border-strong: #cbd2dc;--border-subtle: #eef0f4;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--shadow-card: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .04);--shadow-card-hover: 0 2px 4px rgba(15, 23, 42, .06), 0 6px 16px rgba(15, 23, 42, .07);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 2px 10px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 28px rgba(15, 23, 42, .14);--scrollbar-thumb: #d9dee5;--scrollbar-thumb-hover: #c5cbd4;--success-fg: #15803d;--success-bg: #eef7f1;--warning-fg: #b45309;--warning-bg: #fdf4e9;--danger-fg: #b91c1c;--danger-bg: #fdeeee;--info-fg: #1d4ed8;--info-bg: #eef2fd;--neutral-fg: var(--text-secondary);--neutral-bg: var(--bg-muted);--chart-series-1: #0b7a9c;--chart-series-2: #b45309;--chart-series-3: #1d4ed8;--chart-series-muted: #9aa6b6;--chart-grid: var(--border-subtle);--color-success: var(--success-fg);--color-warning: var(--warning-fg);--color-error: var(--danger-fg);--color-info: var(--info-fg);--grey-color: #00000080;--black-color: #0D121E;color-scheme:light}[data-theme=dark]{--bg-page: #0e1420;--bg-surface: #161d2b;--bg-surface-2: #1b2333;--bg-elevated: #1b2333;--bg-muted: #222b3d;--text-primary: #eef2f7;--text-secondary: #b4bfcf;--text-muted: #7d8a9d;--text-inverse: #0f172a;--primary-ink: #4fd8ff;--border: #28313f;--border-strong: #3a4557;--border-subtle: #202836;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3);--shadow-card-hover: 0 4px 14px rgba(0, 0, 0, .38);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 10px rgba(0, 0, 0, .34);--shadow-lg: 0 14px 36px rgba(0, 0, 0, .5);--scrollbar-thumb: #333e50;--scrollbar-thumb-hover: #45526a;--success-fg: #4ade80;--success-bg: rgba(74, 222, 128, .12);--warning-fg: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--danger-fg: #f87171;--danger-bg: rgba(248, 113, 113, .12);--info-fg: #7aa2f7;--info-bg: rgba(122, 162, 247, .12);--chart-series-1: #4fd8ff;--chart-series-2: #fbbf24;--chart-series-3: #7aa2f7;--chart-series-muted: #64748b;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box;font-family:Manrope,Cairo,sans-serif!important;outline:none}h1,h2,h3,h4{font-family:Bricolage Grotesque,Cairo,sans-serif!important}html,body{overflow-x:hidden;max-width:100%}body{background-color:var(--bg-page);color:var(--text-primary);font-family:Manrope,Cairo,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-optical-sizing:auto;letter-spacing:normal;transition:background-color .2s ease,color .2s ease}img{max-width:100%;height:auto}.flex{display:flex}ul{padding:0}.loading-container{height:80vh;display:flex;justify-content:center;align-content:center}.no-data{height:85vh;display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:500;color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md)}.sys-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:16px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.sys-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card-hover)}.sys-metric{display:flex;flex-direction:column;gap:6px;min-width:0}.sys-metric__label{color:var(--text-muted);font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.sys-metric__value{color:var(--text-primary);font-size:26px;font-weight:680;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.sys-metric__unit{margin-right:4px;color:var(--text-muted);font-size:14px;font-weight:600}.sys-metric__sub{color:var(--text-muted);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.sys-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid transparent;border-radius:var(--r-sm);font-size:12px;font-weight:600;line-height:1.45;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--neutral-fg);background:var(--neutral-bg);border-color:color-mix(in srgb,var(--neutral-fg) 16%,transparent)}.sys-pill__dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}.sys-pill--success{color:var(--success-fg);background:var(--success-bg);border-color:color-mix(in srgb,var(--success-fg) 22%,transparent)}.sys-pill--warning{color:var(--warning-fg);background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning-fg) 22%,transparent)}.sys-pill--danger{color:var(--danger-fg);background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger-fg) 22%,transparent)}.sys-pill--info{color:var(--info-fg);background:var(--info-bg);border-color:color-mix(in srgb,var(--info-fg) 22%,transparent)}.sys-pill--neutral{color:var(--neutral-fg);background:var(--neutral-bg);border-color:color-mix(in srgb,var(--neutral-fg) 16%,transparent)}.sys-icon-tile{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:var(--r-sm);color:var(--primary-ink);background:color-mix(in srgb,var(--primary) 12%,transparent)}.sys-icon-tile svg{font-size:18px}.sys-icon-tile--success{color:var(--success-fg);background:var(--success-bg)}.sys-icon-tile--warning{color:var(--warning-fg);background:var(--warning-bg)}.sys-icon-tile--danger{color:var(--danger-fg);background:var(--danger-bg)}.sys-icon-tile--info{color:var(--info-fg);background:var(--info-bg)}.sys-section-title{margin:0;color:var(--text-primary);font-size:14px;font-weight:650;line-height:1.3;letter-spacing:-.01em}.sys-section-sub{margin:2px 0 0;color:var(--text-muted);font-size:12px;font-weight:500;line-height:1.4}.sys-delta{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--r-sm);font-size:11.5px;font-weight:650;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--neutral-fg);background:var(--neutral-bg)}.sys-delta--up{color:var(--success-fg);background:var(--success-bg)}.sys-delta--down{color:var(--danger-fg);background:var(--danger-bg)}.sys-delta--flat{color:var(--text-muted);background:var(--neutral-bg)}.sys-delta svg{font-size:14px}.sys-num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}[data-theme=dark] .swal2-popup{background-color:var(--bg-elevated)!important;color:var(--text-primary)!important}[data-theme=dark] .swal2-title{color:var(--text-primary)!important}[data-theme=dark] .swal2-html-container{color:var(--text-secondary)!important}[data-theme=dark] .swal2-input,[data-theme=dark] .swal2-textarea,[data-theme=dark] .swal2-select{background-color:var(--bg-surface-2)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .swal2-actions button{color:#fff!important}[data-theme=dark] .MuiTableContainer-root{background-color:transparent!important}[data-theme=dark] .MuiTable-root{background-color:var(--bg-surface)!important}[data-theme=dark] .MuiTableRow-root:hover{background-color:var(--bg-surface-2)!important}[data-theme=dark] .MuiTablePagination-root,[data-theme=dark] .MuiPagination-root,[data-theme=dark] .MuiTablePagination-toolbar,[data-theme=dark] .MuiTablePagination-displayedRows,[data-theme=dark] .MuiTablePagination-selectLabel,[data-theme=dark] .MuiPaginationItem-root{color:var(--text-secondary)!important}[data-theme=dark] .MuiPaginationItem-outlined{border-color:var(--border)!important}[data-theme=dark] .MuiPaginationItem-root.Mui-selected{background-color:color-mix(in srgb,var(--primary) 22%,transparent)!important;color:var(--primary)!important;border-color:var(--primary)!important}[data-theme=dark] .MuiTooltip-tooltip{background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;border:1px solid var(--border)}[data-theme=dark] .MuiTooltip-arrow{color:var(--bg-elevated)!important}[data-theme=dark] .MuiPaper-root.MuiMenu-paper{background-color:var(--bg-elevated)!important;color:var(--text-primary)!important}[data-theme=dark] .MuiIconButton-root{color:var(--text-secondary)}[data-theme=dark] .MuiTableHead-root .MuiTableCell-head{color:var(--text-primary)!important}[data-theme=dark] .recharts-cartesian-grid-horizontal line,[data-theme=dark] .recharts-cartesian-grid-vertical line{stroke:var(--border)!important}[data-theme=dark] .recharts-cartesian-axis-line,[data-theme=dark] .recharts-cartesian-axis-tick-line{stroke:var(--border-strong)!important}[data-theme=dark] .recharts-cartesian-axis-tick text,[data-theme=dark] .recharts-text{fill:var(--text-secondary)!important}[data-theme=dark] .recharts-legend-item-text{color:var(--text-secondary)!important}[data-theme=dark] .recharts-default-tooltip{background-color:var(--bg-elevated)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .recharts-tooltip-label{color:var(--text-primary)!important}[data-theme=dark] .recharts-tooltip-item{color:var(--text-secondary)!important}.body-layout{background-color:var(--bg-page)}.body-layout::-webkit-scrollbar{width:0px}.body-layout{height:100vh;overflow:hidden}.body-layout .body-layout__container{display:flex}.body-layout .body-layout__container .body-layout__content{background-color:var(--bg-page);overflow-y:auto;height:100vh;flex:1;display:flex;flex-direction:column;justify-content:space-between}.body-layout .body-layout__container .body-layout__content::-webkit-scrollbar{width:7px}.body-layout .body-layout__container .body-layout__content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:6px}.body-layout .body-layout__container .body-layout__content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.body-layout .body-layout__container .body-layout__content::-webkit-scrollbar-track{background-color:transparent}.body-layout .body-layout__container .body-layout__content .body-layout__main-content{padding:10px 8px;min-width:0}@media only screen and (min-width:640px){.body-layout .body-layout__container .body-layout__content .body-layout__main-content{padding:10px 20px}}
