:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#eff6ff;--color-primary-hover:#1e40af;--color-bg:#f8f9fb;--color-surface:#ffffff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--sidebar-bg:#1e2a3b;--sidebar-text:#cbd5e1;--sidebar-active-bg:rgba(37,99,235,0.18);--sidebar-active-text:#93c5fd;--sidebar-hover-bg:rgba(255,255,255,0.06);--sidebar-section-label:#64748b;--sidebar-width:220px;--sidebar-collapsed-w:52px;--header-height:52px;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#d97706;--color-warning-bg:#fffbeb;--radius-sm:4px;--radius:6px;--radius-lg:10px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow:0 2px 8px rgba(0,0,0,0.10);--shadow-lg:0 8px 24px rgba(0,0,0,0.14);--z-sidebar:100;--z-header:200;--z-overlay:300;--z-drawer:400;--z-modal:500;--z-popover:600;--z-toast:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px}.dahboard-widget-outer{width:100%;overflow:visible;display:flex;flex-direction:column;gap:var(--space-5)}.dash-stats-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4);flex-shrink:0}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm)}.stat-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);line-height:1.4}.stat-value{font-size:34px;font-weight:700;color:var(--color-text-primary);line-height:1.1;letter-spacing:-.02em}.dash-panels{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:var(--space-4);gap:var(--space-4);align-items:stretch}.dash-btm-col{gap:var(--space-4)}.dash-btm-col,.dash-panel{display:flex;flex-direction:column;min-width:0}.dash-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.dash-panel .panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.dash-panel .panel-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.dash-panel .panel-body{padding:var(--space-5);flex:1 1;min-height:0;overflow:auto}.dash-panel .graph-area{min-height:380px;display:flex;flex-direction:column}.dash-panel .graph-area .chart-container{width:100%;height:100%}.dash-panel .graph-blk-circle{max-height:33vh;overflow:auto}.dash-panel .no-data-message{padding:var(--space-4) 0;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.stat-value .skeleton,.stat-value div{max-width:50px}.tab-bar{display:flex;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:2px;gap:2px}.tab-bar button{display:flex;align-items:center;border:0;background:rgba(0,0,0,0);padding:5px var(--space-3);border-radius:calc(var(--radius) - 2px);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);white-space:nowrap;line-height:1.4;cursor:pointer;transition:background .12s,color .12s,box-shadow .12s}.tab-bar button:hover:not(.active){background:rgba(0,0,0,.04);color:var(--color-text-primary)}.tab-bar button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:600}.tab-bar button .span2{background:rgba(0,0,0,0);border:0;padding:0;box-shadow:none;min-width:0;width:auto;height:auto;display:flex;align-items:center;gap:var(--space-1);color:inherit;font-size:inherit;font-weight:inherit}.dash-panel.table-panel .table-wrp{max-height:33vh}@media(max-width:579px){.dash-panel.table-panel .table-wrp{overflow-x:auto}}.dash-panel.table-panel .dash-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.dash-panel.table-panel .dash-table th{text-align:left;font-weight:600;color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-1);border-bottom:1px solid var(--color-border)}.dash-panel.table-panel .dash-table th.text-center{text-align:center}.dash-panel.table-panel .dash-table td{padding:7px var(--space-1);color:var(--color-text-primary);border-bottom:1px solid var(--color-bg)}.dash-panel.table-panel .dash-table td.text-center{text-align:center}.dash-panel.table-panel .dash-table tbody tr:last-child td{border-bottom:none}.dash-panel.table-panel .dash-table tbody tr:hover td{background:var(--color-bg)}@media(max-width:960px){.dash-panels{grid-template-columns:1fr}}@media(max-width:768px){.dash-stats-row{grid-template-columns:1fr;gap:var(--space-3)}.stat-card{padding:var(--space-4)}.stat-value{font-size:28px}.dash-panel .panel-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media(max-width:480px){.tab-bar{flex-wrap:wrap}}