:root{--bg-app: #0d0f1a;--bg-nav: #141625;--bg-card: #1a1d2e;--bg-card-hover: #1e2236;--bg-input: #252839;--border: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .04);--text-primary: #ffffff;--text-secondary: #8b8fa3;--text-muted: #5a5d6e;--accent: #7c5cfc;--accent-bg: rgba(124, 92, 252, .15);--success: #22c55e;--success-bg: rgba(34, 197, 94, .12);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .12);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--radius: 14px;--radius-sm: 10px;--radius-xs: 6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-secondary);background:var(--bg-app)}.spinner{width:44px;height:44px;border:3px solid var(--bg-card);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:12px;color:var(--danger);background:var(--bg-app)}.error-screen h2{font-size:1.4rem;font-weight:600}.error-screen p{color:var(--text-secondary)}.app-wrapper{min-height:100vh;background:var(--bg-app)}.top-nav{background:var(--bg-nav);border-bottom:1px solid var(--border);padding:0 32px;height:56px;display:flex;align-items:center}.nav-inner{width:100%;max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-left{display:flex;align-items:center;gap:32px}.nav-logo{display:flex;align-items:center;gap:10px}.logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#7c5cfc,#5b6abf);display:flex;align-items:center;justify-content:center;color:#fff}.logo-text{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{padding:6px 14px;font-size:.84rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-xs);cursor:pointer;transition:color .2s,background .2s}.nav-link:hover{color:var(--text-primary);background:#ffffff0a}.nav-link.active{color:var(--text-primary);position:relative}.nav-link.active:after{content:"";position:absolute;bottom:-14px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--accent);border-radius:50%}.nav-right{display:flex;align-items:center;gap:6px}.nav-icon-btn{width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.nav-icon-btn:hover{color:var(--text-primary);background:#ffffff0a}.nav-divider{width:1px;height:24px;background:var(--border);margin:0 8px}.nav-user{display:flex;align-items:center;gap:10px;padding-left:8px}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#7c5cfc,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem}.user-info{display:flex;flex-direction:column}.user-name{font-size:.82rem;font-weight:600;color:var(--text-primary);line-height:1.2}.user-role{font-size:.72rem;color:var(--text-muted);line-height:1.2}.main-content{max-width:1440px;margin:0 auto;padding:28px 32px 60px}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dash-title{font-size:1.6rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.dash-actions{display:flex;align-items:center;gap:10px}.period-select{position:relative}.period-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:8px 32px 8px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-size:.84rem;font-family:inherit;cursor:pointer;outline:none;transition:border-color .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b8fa3' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.period-select select:focus{border-color:var(--accent)}.icon-btn{width:38px;height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.ai-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:.84rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s}.ai-btn:hover{opacity:.9}.top-section{display:grid;grid-template-columns:1fr 1.6fr;gap:20px;margin-bottom:20px}.kpi-grid-compact{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kpi-card-dark{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:12px;transition:background .2s}.kpi-card-dark:hover{background:var(--bg-card-hover)}.kpi-top-row{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:.92rem;font-weight:500;color:var(--text-secondary)}.kpi-icon-btn{color:var(--text-muted);cursor:pointer;opacity:.6;transition:opacity .2s}.kpi-icon-btn:hover{opacity:1}.kpi-value-large{font-size:2.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.kpi-change{display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:500}.kpi-change.positive{color:var(--success)}.kpi-change.negative{color:var(--danger)}.kpi-change.warning{color:var(--warning)}.kpi-change.muted{color:var(--text-muted);font-size:.72rem}.chart-card-dark{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.chart-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.chart-card-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.card-arrow-btn{width:30px;height:30px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.card-arrow-btn:hover{background:#ffffff0d;color:var(--text-primary)}.income-analytics .chart-legend-row{display:flex;align-items:center;gap:16px;margin-bottom:8px}.legend-indicator{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:2px}.income-dot{background:#818cf8}.peak-highlight{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;background:#ffffff08;border-radius:var(--radius-xs);border-left:3px solid var(--accent)}.peak-month{font-size:.78rem;color:var(--text-secondary)}.peak-value{font-size:.88rem;font-weight:600;color:var(--text-primary)}.peak-change{font-size:.75rem;font-weight:600}.peak-change.positive{color:var(--success)}.peak-change.negative{color:var(--danger)}.bottom-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.trend-layout{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:start}.trend-metrics{display:flex;flex-direction:column;gap:20px;padding-top:8px}.trend-metric-row{display:flex;flex-direction:column;gap:2px}.trend-metric-main{display:flex;align-items:baseline;gap:8px}.trend-pct{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.trend-change{font-size:.72rem;font-weight:600;padding:1px 6px;border-radius:4px}.trend-change.positive{color:var(--success);background:var(--success-bg)}.trend-change.negative{color:var(--danger);background:var(--danger-bg)}.trend-metric-label{font-size:.75rem;color:var(--text-muted)}.trend-chart-area{min-width:0}.distribution-layout{display:grid;grid-template-columns:120px 1fr 140px;gap:16px;align-items:center}.distribution-stats{display:flex;flex-direction:column;gap:18px}.dist-stat{display:flex;flex-direction:column;gap:1px}.dist-stat-value{font-size:.95rem;font-weight:700;color:var(--text-primary)}.dist-stat-label{font-size:.7rem;color:var(--text-muted)}.distribution-chart-area{display:flex;justify-content:center}.donut-wrapper{position:relative;width:200px;height:200px}.donut-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.donut-total{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.distribution-legend{display:flex;flex-direction:column;gap:10px}.dist-legend-item{display:flex;align-items:center;gap:8px;font-size:.75rem}.dist-legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.dist-legend-name{color:var(--text-secondary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dist-legend-value{color:var(--text-primary);font-weight:600;white-space:nowrap}.dark-tooltip{background:var(--bg-input);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xs);padding:10px 14px;box-shadow:0 8px 24px #0006}.dark-tooltip-label{font-size:.78rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.dark-tooltip-value{font-size:.82rem;color:var(--text-primary);font-weight:600}.dark-tooltip-row{font-size:.78rem;padding:1px 0}.table-wrapper{margin-top:4px}.table-section{max-width:100%;padding:0}.table-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.table-header-row .chart-title{font-size:.95rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;min-width:260px}.search-box input{border:none;outline:none;background:transparent;font-size:.84rem;color:var(--text-primary);width:100%;font-family:inherit}.search-box input::placeholder{color:var(--text-muted)}.search-box svg{color:var(--text-muted);flex-shrink:0}.table-container{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.84rem}.data-table thead{position:sticky;top:0}.data-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-bottom:1px solid var(--border);background:var(--bg-input)}.data-table th:hover{color:var(--accent)}.data-table th svg{display:inline;vertical-align:middle;margin-left:4px}.data-table td{padding:11px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.data-table tbody tr:hover{background:#ffffff05}.data-table tbody tr:last-child td{border-bottom:none}.category-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.76rem;font-weight:500}.income-badge{background:var(--success-bg);color:var(--success)}.expense-badge{background:var(--warning-bg);color:var(--warning)}.amount-positive{color:var(--success);font-weight:600}.amount-negative{color:var(--text-secondary);font-weight:500}.table-pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 0;font-size:.84rem;color:var(--text-secondary)}.table-pagination button{padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:.82rem;font-family:inherit;transition:all .2s}.table-pagination button:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.table-pagination button:disabled{opacity:.3;cursor:not-allowed}.recharts-default-tooltip{display:none!important}.recharts-legend-item-text{font-size:.78rem!important;color:var(--text-secondary)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff0a!important}@media (max-width: 1200px){.top-section,.bottom-section{grid-template-columns:1fr}.distribution-layout{grid-template-columns:120px 1fr 120px}}@media (max-width: 768px){.top-nav{padding:0 16px}.nav-links{display:none}.main-content{padding:20px 16px 40px}.dash-header{flex-direction:column;align-items:flex-start;gap:12px}.kpi-grid-compact,.trend-layout{grid-template-columns:1fr}.trend-metrics{flex-direction:row;flex-wrap:wrap;gap:16px}.distribution-layout{grid-template-columns:1fr;justify-items:center}.distribution-stats{flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center}.search-box{min-width:auto;width:100%}.nav-user .user-info{display:none}}