@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0f172a;--bg-card:#1e293bb3;--border-color:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--success:#10b981;--danger:#ef4444;--sidebar-width:260px;--bg-sidebar:#0f172af2;--bg-sidebar-hover:#0f172afa;--bg-elevated:#0f172afa;--bg-input:#0f172a80;--bg-input-solid:#0f172a;--hover-bg:#ffffff0d;--hover-bg-soft:#ffffff05;--th-bg:#0003;--text-strong:#f8fafc;--input-text:#fff;--divider:#ffffff0f;--scroll-thumb:#fff3;--tooltip-bg:#0f172af2;--text-faint:#64748b;--bg-card-solid:#1e293b;--bg-panel:#0f172a;--border-strong:#ffffff26;--sev-critical:#ef4444;--sev-high:#f97316;--sev-medium:#f59e0b;--sev-info:#3b82f6;--good:#10b981;--bad:#ef4444;--warn:#f59e0b;--well-bg:#00000038;--well-bg-soft:#0000001f;--text-secondary:#cbd5e1;--card-bg:#1e293b;--primary-color:var(--accent);--accent-color:var(--accent);--primary:var(--accent);--text-color:var(--text-main);--text-primary:var(--text-main);--text-danger:var(--danger);--danger-color:var(--danger);--text-success:var(--success);--success-color:var(--success);--border:var(--border-color);--bg-main:var(--bg-dark);--bg-surface:var(--bg-card-solid);--bg-lighter:var(--bg-input)}[data-theme=light]{--bg-dark:#e9edf3;--bg-card:#fff;--border-color:#d3dae5;--text-main:#0f172a;--text-muted:#475569;--accent:#2563eb;--accent-hover:#1d4ed8;--success:#059669;--danger:#dc2626;--bg-sidebar:#fff;--bg-sidebar-hover:#fff;--bg-elevated:#fff;--bg-input:#f7f9fc;--bg-input-solid:#fff;--hover-bg:#e4eaf3;--hover-bg-soft:#f2f5fa;--th-bg:#e9eef6;--text-strong:#0f172a;--input-text:#0f172a;--divider:#e6ebf3;--scroll-thumb:#c2cbd9;--tooltip-bg:#fff;--text-faint:#5e6b80;--bg-card-solid:#fff;--bg-panel:#eff3f9;--border-strong:#b3bfd0;--well-bg:#eaeff7;--well-bg-soft:#f3f6fb;--text-secondary:#334155;--card-bg:#fff;--primary-color:var(--accent);--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-md:0 2px 4px #0f172a0f, 0 4px 8px #0f172a0d;--shadow-lg:0 10px 20px -4px #0f172a1f, 0 6px 10px -6px #0f172a14;--shadow-focus:0 0 0 3px #2563eb29}:root{--shadow-sm:none;--shadow-md:none;--shadow-lg:0 8px 24px #00000059}[data-theme=light] .sidebar h1{background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;background-clip:text}[data-theme=light] body{background-color:var(--bg-dark);color:var(--text-main)}[data-theme=light] .sidebar{border-right:1px solid var(--border-color);box-shadow:none;background:#fff}[data-theme=light] .nav-item{color:#52525b;font-weight:500;position:relative}[data-theme=light] .nav-item:hover{background:var(--hover-bg);color:#0f172a}[data-theme=light] .nav-item.active{color:#2563eb;box-shadow:none;background:#2563eb14;font-weight:600}[data-theme=light] .nav-item.active:before{content:"";background:#2563eb;border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-16px}[data-theme=light] .glass{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;background:#fff}[data-theme=light] .table-container{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;overflow:hidden}[data-theme=light] .card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px}[data-theme=light] .glass-table th,[data-theme=light] .data-table th{background:var(--th-bg);color:#475569;letter-spacing:.02em;border-bottom:1px solid var(--border-color);font-size:12px;font-weight:700}[data-theme=light] .glass-table tr:hover td,[data-theme=light] .data-table tbody tr:hover{background:var(--hover-bg-soft)}[data-theme=light] .glass-table td,[data-theme=light] .data-table td{border-bottom:1px solid var(--divider);color:var(--text-main)}[data-theme=light] .glass-table tr:last-child td,[data-theme=light] .data-table tr:last-child td{border-bottom:none}[data-theme=light] .btn{box-shadow:none}[data-theme=light] .btn:hover{transform:none}[data-theme=light] .btn-primary{color:#fff;background:#2563eb;border:1px solid #2563eb}[data-theme=light] .btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}[data-theme=light] .btn-outline{border:1px solid var(--border-color);color:var(--text-main);background:#fff}[data-theme=light] .btn-outline:hover{background:var(--hover-bg);border-color:var(--border-strong)}[data-theme=light] .btn-ghost{color:var(--text-muted);background:0 0}[data-theme=light] .btn-ghost:hover{background:var(--hover-bg);color:var(--text-main)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);box-shadow:none}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#8b98ab}[data-theme=light] input:focus,[data-theme=light] textarea:focus{background:#fff}[data-theme=light] pre,[data-theme=light] code,[data-theme=light] textarea[readonly]{background:var(--well-bg)!important;color:#24324a!important;border-color:var(--border-color)!important}[data-theme=light] input:hover,[data-theme=light] select:hover{border-color:var(--border-strong)}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}[data-theme=light] .filter-bar{border-bottom:1px solid var(--border-color);background:#fff}[data-theme=light] .filter-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main)}[data-theme=light] .badge.up{color:#047857;background:#10b9811f}[data-theme=light] .badge.down{color:#b91c1c;background:#ef44441a}[data-theme=light] .badge.neutral{background:var(--hover-bg);color:#475569}[data-theme=light] .page-header h2{color:#0f172a;font-weight:700}[data-theme=light] .page-header p{color:var(--text-muted)}[data-theme=light] .progress-container{background:#e5e7eb}[data-theme=light] .sort-icon{opacity:.6}[data-theme=light] th.sortable:hover{background:var(--hover-bg)}[data-theme=light] *{scrollbar-color:#0f172a40 #0f172a0a}[data-theme=light] ::-webkit-scrollbar-track{background:#0f172a0a}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0f172a38}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0f172a59}[data-theme=light] .recharts-default-tooltip{box-shadow:var(--shadow-lg)}[data-theme=light] .skeleton-row{background-color:#0f172a0f}[data-theme=light] .badge-success{background:#10b98124;border-color:#10b98147}[data-theme=light] .badge-danger{background:#ef44441f;border-color:#ef444447}[data-theme=light] .badge-warning{background:#f59e0b24;border-color:#f59e0b52}[data-theme=light] [style*="color: #fff"],[data-theme=light] [style*="color:#fff"],[data-theme=light] [style*="color: #ffffff"],[data-theme=light] [style*="color:#ffffff"],[data-theme=light] [style*="color: #f8fafc"],[data-theme=light] [style*="color:#f8fafc"],[data-theme=light] [style*="color: #f1f5f9"],[data-theme=light] [style*="color:#f1f5f9"],[data-theme=light] [style*="color: #e2e8f0"],[data-theme=light] [style*="color:#e2e8f0"],[data-theme=light] [style*="color: #cbd5e1"],[data-theme=light] [style*="color:#cbd5e1"]{color:var(--text-main)!important}[data-theme=light] [style*=linear-gradient][style*="color: #fff"],[data-theme=light] [style*=linear-gradient][style*="color:#fff"],[data-theme=light] [style*=linear-gradient][style*="color: #ffffff"],[data-theme=light] [style*=linear-gradient][style*="color:#ffffff"],[data-theme=light] .btn [style*="color: #fff"],[data-theme=light] button[style*="color: #fff"][style*="background: var(--accent)"],[data-theme=light] button[style*="color: #fff"][style*="background:#3b82f6"],[data-theme=light] button[style*="color: #fff"][style*="background:#10b981"],[data-theme=light] button[style*="color: #fff"][style*="background:#ef4444"]{color:#fff!important}[data-theme=light] [style*="background: #0f172a"],[data-theme=light] [style*="background:#0f172a"],[data-theme=light] [style*="background: #1e293b"],[data-theme=light] [style*="background:#1e293b"],[data-theme=light] [style*="background-color: #0f172a"],[data-theme=light] [style*="background-color:#0f172a"],[data-theme=light] [style*="background-color: #1e293b"],[data-theme=light] [style*="background-color:#1e293b"]{background:var(--bg-card-solid)!important}[data-theme=light] [style*="background: rgba(15, 23, 42"],[data-theme=light] [style*="background:rgba(15,23,42"],[data-theme=light] [style*="background: rgba(15,23,42"],[data-theme=light] [style*="background-color: rgba(15, 23, 42"],[data-theme=light] [style*="background-color:rgba(15,23,42"]{background:var(--bg-panel)!important}[data-theme=light] [style*="background: rgba(30, 41, 59"],[data-theme=light] [style*="background:rgba(30,41,59"],[data-theme=light] [style*="background: rgba(30,41,59"]{background:var(--bg-card-solid)!important}[data-theme=light] [style*=linear-gradient][style*="rgba(15,23,42"],[data-theme=light] [style*=linear-gradient][style*="rgba(15, 23, 42"],[data-theme=light] [style*=linear-gradient][style*="rgba(30,41,59"],[data-theme=light] [style*=linear-gradient][style*="rgba(30, 41, 59"]{background:linear-gradient(135deg,#fff,#f8fafc)!important}[data-theme=light] [style*="border: 1px solid rgba(255, 255, 255"],[data-theme=light] [style*="border:1px solid rgba(255,255,255"],[data-theme=light] [style*="border: 1px solid rgba(255,255,255"],[data-theme=light] [style*="border-color: rgba(255, 255, 255"],[data-theme=light] [style*="border-color:rgba(255,255,255"],[data-theme=light] [style*="border-bottom: 1px solid rgba(255, 255, 255"],[data-theme=light] [style*="border-bottom:1px solid rgba(255,255,255"],[data-theme=light] [style*="border-top: 1px solid rgba(255, 255, 255"],[data-theme=light] [style*="border-top:1px solid rgba(255,255,255"],[data-theme=light] [style*="border: 1px solid #334155"],[data-theme=light] [style*="border:1px solid #334155"],[data-theme=light] [style*="border-color: #334155"],[data-theme=light] [style*="border-color:#334155"],[data-theme=light] [style*="border-bottom: 1px solid #334155"],[data-theme=light] [style*="border-bottom:1px solid #334155"]{border-color:var(--border-color)!important}[data-theme=light] [style*="color: #64748b"],[data-theme=light] [style*="color:#64748b"],[data-theme=light] [style*="color: #475569"],[data-theme=light] [style*="color:#475569"],[data-theme=light] [style*="color: #334155"],[data-theme=light] [style*="color:#334155"]{color:var(--text-muted)!important}[data-theme=light] th[style*="background: #1e293b"],[data-theme=light] th[style*="background:#1e293b"],[data-theme=light] th[style*="background: #0f172a"],[data-theme=light] th[style*="background:#0f172a"]{background:var(--th-bg)!important;color:var(--text-muted)!important}[data-theme=light] .recharts-cartesian-axis-tick-value{fill:var(--text-muted)!important}[data-theme=light] .recharts-cartesian-grid line{stroke:#0f172a14!important}[data-theme=light] .recharts-legend-item-text{color:var(--text-main)!important}[data-theme=light] .recharts-text{fill:var(--text-muted)!important}[data-theme=light] .recharts-default-tooltip{border:1px solid var(--border-color)!important;box-shadow:var(--shadow-lg)!important;background:#fff!important;border-radius:8px!important}[data-theme=light] .recharts-tooltip-item{color:var(--text-main)!important}[data-theme=light] .recharts-tooltip-label{color:var(--text-muted)!important}[data-theme=light] [style*="color: white"],[data-theme=light] [style*=color\:white],[data-theme=light] [style*="color: '#fff'"],[data-theme=light] [style*="color:'#fff'"]{color:var(--text-main)!important}[data-theme=light] [style*="background: #3b82f6"] [style*="color: white"],[data-theme=light] [style*="background: #2563eb"] [style*="color: white"],[data-theme=light] [style*="background: #10b981"] [style*="color: white"],[data-theme=light] [style*="background: #ef4444"] [style*="color: white"],[data-theme=light] [style*="background: #f59e0b"] [style*="color: white"],[data-theme=light] [style*="background: #8b5cf6"] [style*="color: white"]{color:#fff!important}[data-theme=light] [style*="background: rgba(0, 0, 0, 0.5)"],[data-theme=light] [style*="background:rgba(0,0,0,0.5)"],[data-theme=light] [style*="background: rgba(0, 0, 0, 0.6)"],[data-theme=light] [style*="background:rgba(0,0,0,0.6)"],[data-theme=light] [style*="background: rgba(0, 0, 0, 0.7)"],[data-theme=light] [style*="background:rgba(0,0,0,0.7)"]{background:#0f172a66!important}[data-theme=light] [style*="background: rgba(15,23,42,0.9"],[data-theme=light] [style*="background: rgba(15, 23, 42, 0.9"],[data-theme=light] [style*="background: rgba(15,23,42,0.95"],[data-theme=light] [style*="background: rgba(15, 23, 42, 0.95"],[data-theme=light] [style*="background: rgba(15,23,42,0.98"],[data-theme=light] [style*="background: rgba(15, 23, 42, 0.98"]{box-shadow:var(--shadow-lg)!important;background:#fff!important}[data-theme=light] [style*="background: rgba(15,23,42,0.4"],[data-theme=light] [style*="background: rgba(15, 23, 42, 0.4"],[data-theme=light] [style*="background: rgba(15,23,42,0.5"],[data-theme=light] [style*="background: rgba(15, 23, 42, 0.5"],[data-theme=light] [style*="background: rgba(15,23,42,0.6"],[data-theme=light] [style*="background: rgba(15, 23, 42, 0.6"]{background:var(--bg-panel)!important}[data-theme=light] [style*="background: #ffffff"][style*=border-radius]:not([style*=border]),[data-theme=light] [style*="background:#ffffff"][style*=border-radius]:not([style*=border]),[data-theme=light] [style*="background: white"][style*=border-radius]:not([style*=border]){border:1px solid var(--border-color)!important}[data-theme=light] .sidebar-user-widget{border-top:1px solid var(--border-color)!important}[data-theme=light] [style*="box-shadow: 0 10px 25px rgba(0,0,0,0.5"],[data-theme=light] [style*="box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5"],[data-theme=light] [style*="box-shadow: 4px 0 24px rgba(0,0,0,0.5"],[data-theme=light] [style*="box-shadow: 4px 0 24px rgba(0, 0, 0, 0.5"]{box-shadow:var(--shadow-lg)!important}[data-theme=light] [style*="border-bottom: 1px solid rgba(255, 255, 255, 0.05"],[data-theme=light] [style*="border-bottom:1px solid rgba(255,255,255,0.05"]{border-color:var(--divider)!important}[data-theme=light] [style*="background: rgba(255,255,255,0.02"],[data-theme=light] [style*="background: rgba(255, 255, 255, 0.02"],[data-theme=light] [style*="background: rgba(255,255,255,0.03"],[data-theme=light] [style*="background: rgba(255, 255, 255, 0.03"],[data-theme=light] [style*="background: rgba(255,255,255,0.04"],[data-theme=light] [style*="background: rgba(255, 255, 255, 0.04"],[data-theme=light] [style*="background: rgba(255,255,255,0.05"],[data-theme=light] [style*="background: rgba(255, 255, 255, 0.05"]{background:var(--bg-panel)!important}[data-theme=light] svg[stroke=\#94a3b8],[data-theme=light] svg[stroke=\#64748b],[data-theme=light] svg[stroke=\#f8fafc]{stroke:var(--text-muted)!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5{color:var(--text-main)}[data-theme=light] label{color:var(--text-muted)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#6366f180 #00000026;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000026;border-radius:6px}::-webkit-scrollbar-thumb{background:#6366f166;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#6366f1b3}::-webkit-scrollbar-corner{background:0 0}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);background:var(--bg-sidebar);z-index:100;flex-direction:column;gap:8px;height:100vh;padding:24px 16px;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar.collapsed:hover{background:var(--bg-sidebar-hover);width:260px;box-shadow:4px 0 24px #00000080}.sidebar-header-wrapper{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.sidebar h1{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.nav-item{color:var(--text-muted);white-space:nowrap;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--hover-bg);color:var(--text-main)}.nav-item.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px #3b82f64d}.main-content{margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));flex:1;padding:32px 48px;transition:margin-left .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}.page-header{margin-bottom:32px}.page-header h2{margin-bottom:8px;font-size:28px;font-weight:600}.page-header p{color:var(--text-muted);font-size:15px}.card{margin-bottom:24px;padding:24px}.btn{color:#fff;cursor:pointer;background:var(--accent);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#dc2626}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);background:0 0}.btn-outline:hover{background:var(--hover-bg)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--hover-bg);color:var(--text-main)}input,select{border:1px solid var(--border-color);background:var(--bg-input);width:100%;color:var(--input-text);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14px}input[type=checkbox],input[type=radio]{width:auto;min-width:0;accent-color:var(--accent,#3b82f6);cursor:pointer;border-radius:0;flex:none;padding:0}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f633}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.recharts-default-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--tooltip-bg)!important;border:1px solid var(--border-color)!important;border-radius:8px!important}.recharts-tooltip-item{color:var(--text-main)!important}.loader-spinner{border:3px solid #3b82f633;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.badge-success{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.badge-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.badge-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.table-responsive{width:100%;overflow-x:auto}.glass-table{border-collapse:collapse;text-align:left;width:100%}.glass-table th{border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--hover-bg-soft);padding:16px;font-size:13px;font-weight:600}.glass-table td{border-bottom:1px solid var(--border-color);padding:16px;font-size:14px}.glass-table tr:last-child td{border-bottom:none}.glass-table tr:hover td{background:var(--hover-bg-soft)}.glass-table th{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.gap-2{gap:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.filter-bar{background:var(--bg-input);border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.filter-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:8px 12px;font-family:inherit;font-size:13px}select option{background:var(--bg-card,#1e293b);color:var(--text-main,#f1f5f9)}.filter-input:focus{border-color:var(--accent);outline:none}.badge.up{color:#10b981;background:#10b98126}.badge.down{color:#ef4444;background:#ef444426}.badge.neutral{color:#94a3b8;background:#94a3b826}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}th.sortable:hover{background:var(--hover-bg)}.sort-icon{opacity:.5;vertical-align:middle;margin-left:6px}th.sortable.active .sort-icon{opacity:1;color:var(--accent)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#0003;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb);filter:brightness(1.2)}.hover-row:hover{background-color:var(--hover-bg-soft);transition:background-color .2s}.sidebar.collapsed:not(:hover) .sidebar-text,.sidebar.collapsed:not(:hover) .chevron-icon{opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.sidebar-text,.chevron-icon{transition:opacity .3s,visibility .3s}.progress-container{background:var(--hover-bg);border-radius:4px;width:100%;height:8px;margin-top:16px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa);height:100%;transition:width .3s}.table-container{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:1200px;font-size:13px}.data-table th{border-bottom:1px solid var(--border-color);background:var(--th-bg);color:var(--text-muted);white-space:nowrap;padding:12px 16px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 16px}.data-table tbody tr:hover{background:var(--hover-bg-soft)}.alert-row{transition:background .12s}.alert-row:hover{background:var(--hover-bg-soft)}.sidebar.collapsed:not(:hover) .sidebar-text,.sidebar.collapsed:not(:hover) .chevron-icon{display:none!important}.nav-item,.widget-button,.sidebar-header-wrapper h1{transition:all .2s}.sidebar.collapsed:not(:hover) .nav-item{justify-content:center;gap:0;padding-left:0;padding-right:0}.sidebar.collapsed:not(:hover) .widget-button{justify-content:center!important;gap:0!important;padding-left:0!important;padding-right:0!important}.sidebar.collapsed:not(:hover) .sidebar-header-wrapper h1{justify-content:center;gap:0}.sidebar.collapsed:not(:hover) .sidebar-user-widget .widget-button{flex-direction:column}.sidebar.collapsed:not(:hover) .sidebar-user-widget .widget-button>a{justify-content:center!important;gap:0!important}.skeleton-row{background-color:var(--hover-bg);border-radius:4px;height:24px;margin-bottom:8px;animation:1.5s infinite pulse-skeleton}@keyframes pulse-skeleton{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (width<=768px){:root{--sidebar-width:0px}.sidebar{z-index:200;width:260px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #00000080}.main-content{max-width:100vw;margin-left:0;padding:24px 16px}.page-header h2{font-size:22px}.filter-bar{gap:8px;padding:12px}.card{padding:16px}.glass-table th,.glass-table td{padding:10px;font-size:12px}}@media (width<=480px){.main-content{padding:16px 10px}.page-header h2{font-size:18px}.page-header p{font-size:13px}.filter-bar{flex-direction:column;align-items:stretch}.btn{padding:8px 12px;font-size:12px}}