@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-gradient: radial-gradient(circle at 50% 0%, #fdfeff 0%, #f1f5f9 100%);--bg-darker: #f8fafc;--card-bg: rgba(255, 255, 255, .7);--card-bg-hover: rgba(255, 255, 255, .9);--border-color: rgba(15, 23, 42, .08);--border-hover: rgba(15, 23, 42, .15);--font-display: "Plus Jakarta Sans", "Inter", sans-serif;--font-body: "Inter", sans-serif;--accent-primary: #10b981;--accent-primary-rgb: 16, 185, 129;--accent-secondary: #6366f1;--accent-secondary-rgb: 99, 102, 241;--accent-tertiary: #f59e0b;--accent-tertiary-rgb: 245, 158, 11;--accent-danger: #ef4444;--accent-danger-rgb: 239, 68, 68;--accent-blue: #3b82f6;--accent-orange: #f97316;--accent-purple: #8b5cf6;--text-primary: #0f172a;--text-muted: #64748b;--text-dark: #f8fafc;--grid-line: rgba(15, 23, 42, .06);--grid-color: rgba(15, 23, 42, .008);--table-row-bg: rgba(15, 23, 42, .02);--table-row-hover: rgba(15, 23, 42, .04);--input-bg: rgba(255, 255, 255, .9);--header-bg: rgba(248, 250, 252, .8);--tooltip-bg: rgba(255, 255, 255, .95);--logo-text-glow: rgba(16, 185, 129, .15);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.175, .885, .32, 1.275)}body.dark-theme{--bg-gradient: radial-gradient(circle at 50% 0%, #0d121f 0%, #05070a 100%);--bg-darker: #040508;--card-bg: rgba(17, 24, 39, .45);--card-bg-hover: rgba(22, 30, 49, .6);--border-color: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--text-primary: #f8fafc;--text-muted: #94a3b8;--text-dark: #0f172a;--grid-line: rgba(255, 255, 255, .03);--grid-color: rgba(255, 255, 255, .005);--table-row-bg: rgba(255, 255, 255, .015);--table-row-hover: rgba(255, 255, 255, .035);--input-bg: rgba(4, 5, 8, .6);--header-bg: rgba(13, 18, 31, .65);--tooltip-bg: rgba(13, 17, 28, .9);--logo-text-glow: rgba(16, 185, 129, .3)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);background-color:var(--bg-darker);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,background-color .3s ease,color .3s ease}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:40px 40px;background-position:center top;z-index:-1;pointer-events:none;transition:var(--transition-smooth)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0405081a}::-webkit-scrollbar-thumb{background:#80808033;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8080804d}.glass-card{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:var(--transition-smooth);box-shadow:0 4px 30px #0000000d,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 100%);pointer-events:none;z-index:1}.glass-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 12px 40px #00000014,0 0 20px #6366f108}.kpi-accent-primary{border-top:3px solid var(--accent-primary)}.kpi-accent-secondary{border-top:3px solid var(--accent-secondary)}.kpi-accent-tertiary{border-top:3px solid var(--accent-tertiary)}.kpi-accent-blue{border-top:3px solid var(--accent-blue)}.kpi-accent-danger{border-top:3px solid var(--accent-danger)}.glow-text-teal{background:linear-gradient(135deg,var(--accent-primary),#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(16,185,129,.15)}.glow-text-indigo{background:linear-gradient(135deg,var(--accent-secondary),#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(99,102,241,.1)}.modern-input{width:100%;padding:12px 14px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;transition:var(--transition-smooth)}.modern-input:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 3px #6366f126;background:var(--input-bg)}.date-picker{position:relative;width:100%}.date-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:left}.date-picker-trigger.active{border-color:var(--accent-secondary);box-shadow:0 0 0 3px #6366f126}.date-picker-value{color:var(--text-primary)}.date-picker-placeholder,.date-picker-icon{color:var(--text-muted)}.date-picker-icon{display:inline-flex;flex-shrink:0}.date-picker-popover{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,calc(100vw - 48px));padding:14px;background:var(--bg-darker);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 18px 45px #00000029,inset 0 1px #ffffff0a;z-index:1010;animation:slideUp .2s cubic-bezier(.16,1,.3,1) forwards}body.dark-theme .date-picker-popover{background:#080b12fa;box-shadow:0 18px 45px #00000073,inset 0 1px #ffffff0a}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.date-picker-month{color:var(--text-primary);font-family:var(--font-display);font-size:13px;font-weight:800}.date-picker-nav,.date-picker-day,.date-picker-today{border:0;font-family:var(--font-body);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth)}.date-picker-nav{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:#80808014;border-radius:10px}.date-picker-nav:hover{background:#6366f11f;color:var(--accent-secondary)}.date-picker-weekdays,.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.date-picker-weekdays{margin-bottom:6px}.date-picker-weekdays span{color:var(--text-muted);font-size:10px;font-weight:700;text-align:center;text-transform:uppercase}.date-picker-empty,.date-picker-day{width:100%;aspect-ratio:1}.date-picker-day{background:transparent;border-radius:10px;font-size:12px;font-weight:700}.date-picker-day:hover{background:#6366f11a;color:var(--accent-secondary)}.date-picker-day.today{box-shadow:inset 0 0 0 1px #10b98173;color:var(--accent-primary)}.date-picker-day.selected{background:linear-gradient(135deg,var(--accent-primary),#34d399);color:#040508;box-shadow:0 6px 16px #10b98138}.date-picker-footer{display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.date-picker-today{padding:7px 10px;background:#10b98114;border-radius:9px;color:var(--accent-primary);font-size:11px;font-weight:800}.date-picker-today:hover{background:#10b98124}.btn-primary{padding:10px 20px;background:linear-gradient(135deg,var(--accent-primary),#34d399);border:none;border-radius:10px;color:#040508;font-weight:700;font-family:var(--font-display);cursor:pointer;font-size:13px;transition:var(--transition-bounce);display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px #10b98126}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98140}.btn-primary:active{transform:translateY(0)}.btn-outline{padding:10px 20px;background:#80808005;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-weight:500;font-family:var(--font-display);cursor:pointer;font-size:13px;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:8px}.btn-outline:hover{background:#8080800d;border-color:var(--border-hover);transform:translateY(-1px)}.btn-danger{padding:10px 20px;background:linear-gradient(135deg,var(--accent-danger),#f87171);border:none;border-radius:10px;color:#fff;font-weight:700;font-family:var(--font-display);cursor:pointer;font-size:13px;transition:var(--transition-bounce);display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px #ef444426}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444440}.theme-switch-btn{width:38px;height:38px;border-radius:10px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.theme-switch-btn:hover{border-color:var(--border-hover);background:var(--card-bg-hover);transform:rotate(15deg) scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:1000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .25s ease-out forwards}body.dark-theme .modal-backdrop{background:#030406a6}.modal-content{background:var(--bg-darker);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;padding:32px;width:100%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 50px #00000014,inset 0 1px #ffffff0d;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards;z-index:1001}.modal-close-btn{background:#8080801a;border:none;width:28px;height:28px;border-radius:50%;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.modal-close-btn:hover{background:#80808040;color:var(--text-primary);transform:rotate(90deg)}.modern-table{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:13px}.modern-table th{padding:14px 16px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border-color)}.modern-table tr{transition:var(--transition-smooth)}.modern-table tbody tr{background:var(--table-row-bg);border:1px solid var(--border-color);border-radius:8px}.modern-table tbody tr:hover{background:var(--table-row-hover);transform:scale(1.002);box-shadow:0 4px 12px #00000008}.modern-table td{padding:14px 16px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);transition:var(--transition-smooth)}.modern-table td:first-child{border-left:1px solid var(--border-color);border-top-left-radius:10px;border-bottom-left-radius:10px}.modern-table td:last-child{border-right:1px solid var(--border-color);border-top-right-radius:10px;border-bottom-right-radius:10px}.tab-container{display:inline-flex;background:#0f172a0a;border:1px solid var(--border-color);padding:4px;border-radius:12px}body.dark-theme .tab-container{background:#00000040}.tab-btn{padding:8px 18px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);font-weight:500;cursor:pointer;font-size:13px;font-family:var(--font-display);transition:var(--transition-smooth)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--card-bg-hover);color:var(--text-primary);box-shadow:0 4px 12px #0000000a}.recharts-area-path{filter:drop-shadow(0px 4px 10px rgba(16,185,129,.08))}body.dark-theme .recharts-area-path{filter:drop-shadow(0px 4px 10px rgba(16,185,129,.12))}.recharts-line{filter:drop-shadow(0px 4px 10px rgba(99,102,241,.08))}body.dark-theme .recharts-line{filter:drop-shadow(0px 4px 10px rgba(99,102,241,.15))}.glass-header{position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:16px 32px;margin-bottom:24px;transition:var(--transition-smooth)}.splash-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--bg-gradient);background-color:var(--bg-darker);position:relative;overflow:hidden;z-index:1}.splash-blur-mesh{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 70%);top:-150px;right:-100px;z-index:-1;pointer-events:none;filter:blur(40px)}.splash-blur-mesh-2{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);bottom:-200px;left:-150px;z-index:-1;pointer-events:none;filter:blur(40px)}.splash-card{width:100%;max-width:480px;background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;padding:48px 40px;box-shadow:0 20px 50px #00000014,inset 0 1px #ffffff0d;text-align:center;position:relative;transition:var(--transition-smooth)}.splash-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:0 30px 60px #0000001a,0 0 40px #6366f10d}.splash-logo-container{width:64px;height:64px;border-radius:18px;background:var(--bg-darker);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 10px 25px #10b98126;position:relative}.splash-logo-container:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:20px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));z-index:-1;opacity:.5;filter:blur(4px)}.splash-title{font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-1px;margin-bottom:8px;color:var(--text-primary)}.splash-subtitle{font-size:14px;color:var(--text-muted);font-weight:500;line-height:1.5;margin-bottom:36px}.splash-features{display:flex;flex-direction:column;gap:16px;text-align:left;margin-bottom:40px}.splash-feature-item{display:flex;gap:14px;align-items:flex-start}.splash-feature-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#8080800a;border:1px solid var(--border-color);color:var(--accent-primary);flex-shrink:0;font-size:14px}.splash-feature-text-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:2px;font-family:var(--font-display)}.splash-feature-text-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.splash-btn-primary{width:100%;justify-content:center;padding:14px 24px;font-size:14px;border-radius:12px;background:linear-gradient(135deg,var(--accent-primary),#34d399);box-shadow:0 8px 24px #10b98133}.splash-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #10b98159}.splash-footer{margin-top:32px;font-size:10px;color:var(--text-muted);font-weight:500;letter-spacing:.5px;text-transform:uppercase}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.main-container{max-width:1400px;margin:0 auto;padding:24px 32px 48px}.header-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}@media (max-width: 768px){.main-container{padding:16px 16px 32px}.glass-header{padding:12px 16px;margin-bottom:16px}.header-container{justify-content:center;gap:12px}}@media (max-width: 640px){.tab-label{display:none}.tab-btn{padding:8px 10px}.btn-label{display:none}.btn-primary{padding:10px}}@media (max-width: 480px){.header-subtitle{display:none}}