@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";:root{--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-page:#fafafa;--bg-card:#fff;--border-color:#e4e4e7;--text-primary:#09090b;--text-secondary:#71717a;--text-muted:#a1a1aa;--accent-primary:#2563eb;--accent-primary-hover:#1d4ed8;--accent-bg:#eff6ff;--success:#10b981;--success-bg:#ecfdf5;--success-border:#a7f3d0;--danger:#ef4444;--danger-bg:#fef2f2;--danger-border:#fca5a5;--warning:#f59e0b;--warning-bg:#fffbeb;--warning-border:#fde68a;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}.dark{--bg-page:#09090b;--bg-card:#0c0c0f;--border-color:#1e1e24;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent-primary:#3b82f6;--accent-primary-hover:#60a5fa;--accent-bg:#1e3a8a33;--success:#10b981;--success-bg:#064e3b33;--success-border:#065f4655;--danger:#ef4444;--danger-bg:#7f1d1d33;--danger-border:#991b1b55;--warning:#f59e0b;--warning-bg:#78350f33;--warning-border:#854d0e55}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);transition:var(--transition-smooth);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{max-w:1600px;width:100%;margin:0 auto;padding:1.5rem}.dashboard-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.title-section h1{letter-spacing:-.05em;color:var(--text-primary);align-items:center;gap:.75rem;font-size:2.25rem;font-weight:800;display:flex}.title-section p{color:var(--text-secondary);margin-top:.25rem;font-size:.95rem}.tabs-container{gap:1.5rem;display:flex}.tab-button{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.5rem .25rem;font-size:1rem;font-weight:600;display:flex}.tab-button:hover{color:var(--text-primary);border-bottom-color:var(--border-color)}.tab-button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.btn-icon{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;padding:.6rem;display:flex}.btn-icon:hover{background:var(--bg-page);transform:scale(1.05)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.kpi-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);border-radius:12px;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-info h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.kpi-value{font-size:2rem;font-weight:800;font-family:var(--font-mono);color:var(--text-primary)}.kpi-trend{border-radius:9999px;align-items:center;gap:.25rem;margin-top:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.kpi-trend.positive{background-color:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.kpi-trend.negative{background-color:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.kpi-icon-wrapper{background-color:var(--bg-page);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;justify-content:center;align-items:center;padding:.75rem;display:flex}.toolbar-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.25rem 1.5rem;display:flex}.filters-group{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.filter-item{flex-direction:column;gap:.25rem;display:flex}.filter-label{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:700}.select-control,.input-control{background-color:var(--bg-page);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);min-width:140px;transition:var(--transition-smooth);border-radius:8px;outline:none;padding:.5rem 1rem;font-size:.875rem}.select-control:focus,.input-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #2563eb26}.input-control.search{min-width:250px}.segmented-control{background-color:var(--bg-page);border:1px solid var(--border-color);border-radius:8px;padding:.25rem;display:inline-flex}.segment-btn{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.segment-btn:hover{color:var(--text-primary)}.segment-btn.active{background-color:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.content-layout{transition:var(--transition-smooth);gap:2rem;display:flex}.table-wrapper{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);border-radius:12px;width:100%;overflow:hidden}.content-layout.split .table-wrapper{width:65%}.details-wrapper{width:35%;animation:.3s cubic-bezier(.4,0,.2,1) slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{background-color:var(--bg-page);color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border-color);letter-spacing:.05em;z-index:10;padding:1rem 1.5rem;font-size:.75rem;font-weight:700;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-smooth);vertical-align:middle;padding:1.1rem 1.5rem;font-size:.9rem}.data-table tr:last-child td{border-bottom:none}.data-table tr{transition:var(--transition-smooth)}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover{background-color:var(--bg-page)}.data-table tr.active,.data-table tr.active:hover{background-color:var(--accent-bg)}.font-mono-data{font-family:var(--font-mono);font-weight:500}.table-footer{background-color:var(--bg-page);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.pagination-info{color:var(--text-secondary);font-size:.85rem}.pagination-controls{gap:.5rem;display:flex}.btn-page{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);border-radius:6px;justify-content:center;align-items:center;padding:.4rem .6rem;display:flex}.btn-page:hover:not(:disabled){background-color:var(--border-color)}.btn-page:disabled{opacity:.4;cursor:not-allowed}.details-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.5rem;position:sticky;top:1.5rem}.details-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.details-header h2{letter-spacing:-.03em;font-size:1.25rem;font-weight:800}.details-meta-item{background-color:var(--bg-page);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.25rem;padding:.75rem 1rem}.details-meta-item .label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.details-meta-item .value{font-size:1.1rem;font-weight:600}.details-section-title{color:var(--text-secondary);text-transform:uppercase;margin-top:1.5rem;margin-bottom:.75rem;font-size:.85rem;font-weight:700}.sparkline-container{align-items:center;gap:.75rem;width:100%;display:flex}.sparkline-track{background-color:var(--border-color);border-radius:9999px;flex-grow:1;height:6px;overflow:hidden}.sparkline-fill{height:100%;transition:var(--transition-smooth);border-radius:9999px}.sparkline-fill.success{background-color:var(--success)}.sparkline-fill.warning{background-color:var(--warning)}.sparkline-fill.danger{background-color:var(--danger)}.btn-primary{background-color:var(--accent-primary);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary:hover{background-color:var(--accent-primary-hover)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background-color:var(--bg-page)}.btn-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-danger:hover{background-color:var(--danger);color:#fff}.alert-card{border-radius:8px;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.875rem;display:flex}.alert-card.info{background-color:var(--accent-bg);color:var(--text-primary);border:1px solid var(--accent-primary)}.loading-skeleton{background-color:var(--border-color);border-radius:6px;height:20px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.chart-container-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.chart-header{margin-bottom:1.25rem}.chart-header h3{font-size:1.1rem;font-weight:700}.chart-header p{color:var(--text-secondary);font-size:.85rem}.budget-grid{grid-template-columns:1fr 320px;gap:2rem;display:grid}.budget-adder-row{grid-template-columns:2fr 1fr 1fr auto;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:grid}.budget-total-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.budget-total-val{font-size:2.25rem;font-weight:800;font-family:var(--font-mono);color:var(--accent-primary);border-bottom:1px solid var(--border-color);padding-bottom:1rem}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state svg{color:var(--text-muted);margin-bottom:1rem}