.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.stat-card{padding:12px;border-radius:10px;background:var(--color-bg-subtle, #f8fafc);transition:transform .15s ease}.stat-card:hover{transform:translateY(-1px)}.stat-label{font-size:10px;color:var(--color-text-secondary, #64748b);margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:700;color:var(--color-text, #1e293b);margin-bottom:4px;line-height:1.1}.stat-change{font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:6px}.stat-change.positive{color:var(--color-success, #10b981);background:var(--color-success-bg, rgba(16, 185, 129, .1))}.stat-change.negative{color:var(--color-error, #ef4444);background:var(--color-error-bg, rgba(239, 68, 68, .1))}.widget-list{display:flex;flex-direction:column;gap:6px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--color-bg-subtle, #f8fafc);border-radius:10px;transition:background .15s ease,transform .15s ease}.list-item:hover{background:var(--color-bg-hover, rgba(0, 0, 0, .04));transform:translate(2px)}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:13px;font-weight:600;color:var(--color-text, #1e293b);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-subtitle{font-size:11px;color:var(--color-text-secondary, #64748b)}.list-item-value{font-size:14px;font-weight:700;color:var(--color-primary, #3b82f6);white-space:nowrap;padding-left:12px}.alert-item{display:flex;gap:10px;padding:10px 12px;background:var(--color-warning-bg, rgba(245, 158, 11, .08));border-left:3px solid var(--color-warning, #f59e0b);border-radius:8px;margin-bottom:6px}.alert-item.info{background:var(--color-info-bg, rgba(59, 130, 246, .08));border-left-color:var(--color-info, #3b82f6)}.alert-item.success{background:var(--color-success-bg, rgba(16, 185, 129, .08));border-left-color:var(--color-success, #10b981)}.alert-item.error{background:var(--color-error-bg, rgba(239, 68, 68, .08));border-left-color:var(--color-error, #ef4444)}.alert-icon{flex-shrink:0;color:var(--color-warning, #f59e0b);opacity:.9}.alert-item.info .alert-icon{color:var(--color-info, #3b82f6)}.alert-item.success .alert-icon{color:var(--color-success, #10b981)}.alert-item.error .alert-icon{color:var(--color-error, #ef4444)}.alert-content{flex:1;min-width:0}.alert-title{font-size:12px;font-weight:600;color:var(--color-text, #1e293b);margin-bottom:2px}.alert-message{font-size:11px;color:var(--color-text-secondary, #64748b);line-height:1.4}.overview-widget{display:flex;flex-direction:column;gap:10px;height:100%}.overview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;color:#fff}.overview-header.blue{background:var(--color-primary, #3b82f6)}.overview-header.purple{background:#8b5cf6}.overview-header.teal{background:#14b8a6}.overview-header.orange{background:#f59e0b}.overview-header .header-left{display:flex;align-items:center;gap:10px}.overview-header .header-icon{opacity:.9}.overview-header .header-info{display:flex;flex-direction:column}.overview-header .header-count{font-size:1.5rem;font-weight:700;line-height:1}.overview-header .header-label{font-size:.7rem;opacity:.9}.overview-header .header-amount{font-size:1rem;font-weight:600;opacity:.95}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;flex:1}.status-card{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;transition:transform .15s ease}.status-card:hover{transform:scale(1.02)}.status-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.status-label{font-size:11px;font-weight:600}.status-content{display:flex;flex-direction:column}.status-count{font-size:1.25rem;font-weight:700;line-height:1.2}.status-amount{font-size:11px;color:var(--color-text-secondary, #64748b)}.invoices-overview-widget{display:flex;flex-direction:column;gap:10px;height:100%}.invoices-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;color:#fff;background:var(--color-primary, #3b82f6)}.invoices-total{display:flex;align-items:center;gap:10px}.invoices-header .total-info{display:flex;flex-direction:column}.invoices-header .total-count{font-size:1.5rem;font-weight:700;line-height:1}.invoices-header .total-label{font-size:.7rem;opacity:.9}.invoices-header .total-amount{font-size:1rem;font-weight:600;opacity:.95}.invoices-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;flex:1}.cashflow-widget{display:flex;flex-direction:column;gap:10px;height:100%}.cashflow-header{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--color-border, rgba(0,0,0,.06))}.cashflow-icon{color:var(--color-text-secondary, #64748b)}.cashflow-title{font-size:13px;font-weight:600;color:var(--color-text, #1e293b)}.cashflow-amounts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cashflow-amount{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;background:var(--color-bg-subtle, #f8fafc)}.cashflow-amount .amount-icon{flex-shrink:0}.cashflow-amount.receivable .amount-icon{color:var(--color-success, #10b981)}.cashflow-amount.payable .amount-icon{color:var(--color-error, #ef4444)}.amount-details{display:flex;flex-direction:column}.amount-label{font-size:10px;color:var(--color-text-secondary, #64748b);font-weight:500}.amount-value{font-size:14px;font-weight:700}.amount-value.positive{color:var(--color-success, #10b981)}.amount-value.negative{color:var(--color-error, #ef4444)}.cashflow-bar-container{padding:4px 0}.cashflow-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--color-border, #e5e7eb)}.cashflow-bar-receivable{background:var(--color-success, #10b981);transition:width .4s ease}.cashflow-bar-payable{background:var(--color-error, #ef4444);transition:width .4s ease}.cashflow-balance{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;font-weight:600}.cashflow-balance.positive{background:var(--color-success-bg, rgba(16, 185, 129, .1));color:var(--color-success, #059669)}.cashflow-balance.negative{background:var(--color-error-bg, rgba(239, 68, 68, .1));color:var(--color-error, #dc2626)}.balance-label{font-size:12px;font-weight:500}.balance-value{font-size:14px;font-weight:700}.pareto-widget{display:flex;flex-direction:column;gap:10px;height:100%}.pareto-header{text-align:center}.pareto-title{font-size:13px;font-weight:600;color:var(--color-text, #1e293b)}.pareto-subtitle{font-size:11px;color:var(--color-text-secondary, #64748b)}.pareto-main-stat{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0}.pareto-percentage{display:flex;flex-direction:column;align-items:center}.pareto-value{font-size:1.75rem;font-weight:700;line-height:1}.pareto-label{font-size:11px;color:var(--color-text-secondary, #64748b);margin-top:2px}.pareto-arrow{font-size:1.25rem;color:var(--color-text-muted, #94a3b8)}.pareto-bar-container{padding:0 4px}.pareto-bar-background{height:10px;background:var(--color-bg-subtle, #e5e7eb);border-radius:5px;overflow:hidden}.pareto-bar-fill{height:100%;border-radius:5px;transition:width .4s ease}.pareto-bar-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--color-text-secondary, #64748b);margin-top:4px}.pareto-insight{text-align:center;font-size:11px;font-weight:500;padding:8px;background:var(--color-bg-subtle, #f3f4f6);border-radius:8px}.widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;color:var(--color-text-muted, #94a3b8);height:100%}.widget-empty-icon{margin-bottom:8px;color:var(--color-text-muted, #94a3b8);opacity:.4}.widget-empty-text{font-size:12px;color:var(--color-text-secondary, #64748b)}.widget-loading{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--color-text-muted, #94a3b8);font-size:13px;height:100%}.widget-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:var(--color-error, #ef4444);gap:6px;height:100%}.widget-error-icon{color:var(--color-error, #ef4444);opacity:.7}.widget-error-text{font-size:12px;color:var(--color-error, #ef4444)}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}.stat-card{padding:10px}.stat-value{font-size:18px}.list-item{padding:8px 10px}.list-item-title{font-size:12px}.list-item-value{font-size:13px}.alert-item{padding:8px 10px;gap:8px}.status-grid,.invoices-status-grid{gap:6px}.status-card{padding:8px 10px}.status-count{font-size:1.1rem}.cashflow-amounts{gap:6px}.cashflow-amount{padding:8px}}@media (max-width: 480px){.stats-grid{gap:4px}.stat-card{padding:8px}.stat-label{font-size:9px}.stat-value{font-size:16px}.stat-change{font-size:9px;padding:2px 6px}.list-item-title{font-size:11px}.list-item-subtitle{font-size:10px}.list-item-value{font-size:12px;padding-left:8px}.alert-title{font-size:11px}.alert-message{font-size:10px}.overview-header,.invoices-header{padding:10px 12px}.overview-header .header-count,.invoices-header .total-count{font-size:1.25rem}.status-count{font-size:1rem}.pareto-value{font-size:1.5rem}}:root,body.light,[data-theme=light]{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: rgba(37, 99, 235, .1);--color-accent: #fef7ed;--color-accent-hover: #fef3e2;--color-accent-border: #fcd9b6;--color-secondary: #64748b;--color-bg: #e6e9ef;--color-bg-paper: #e6e9ef;--color-bg-subtle: #e6e9ef;--color-bg-hover: rgba(0, 0, 0, .04);--color-bg-card: #e6e9ef;--color-text: #0f172a;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-border: rgba(0, 0, 0, .06);--color-divider: rgba(0, 0, 0, .06);--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .1);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .1);--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .1);--shadow-sm: 3px 3px 6px #d1d5db, -3px -3px 6px #ffffff;--shadow-md: 5px 5px 10px #d1d5db, -5px -5px 10px #ffffff;--shadow-lg: 8px 8px 16px #d1d5db, -8px -8px 16px #ffffff;--shadow-inset: inset 3px 3px 6px #d1d5db, inset -3px -3px 6px #ffffff;--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8}body.dark,[data-theme=dark]{--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-light: rgba(59, 130, 246, .15);--color-accent: #fef7ed;--color-accent-hover: #fef3e2;--color-accent-border: #fcd9b6;--color-secondary: #94a3b8;--color-bg: #1e2530;--color-bg-paper: #1e2530;--color-bg-subtle: #1e2530;--color-bg-hover: rgba(255, 255, 255, .05);--color-bg-card: #1e2530;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: rgba(255, 255, 255, .06);--color-divider: rgba(255, 255, 255, .06);--color-success: #34d399;--color-success-bg: rgba(52, 211, 153, .15);--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .15);--color-error: #f87171;--color-error-bg: rgba(248, 113, 113, .15);--color-info: #60a5fa;--color-info-bg: rgba(96, 165, 250, .15);--shadow-sm: 3px 3px 6px #0f1419, -3px -3px 6px #2d3340;--shadow-md: 5px 5px 10px #0f1419, -5px -5px 10px #2d3340;--shadow-lg: 8px 8px 16px #0f1419, -8px -8px 16px #2d3340;--shadow-inset: inset 3px 3px 6px #0f1419, inset -3px -3px 6px #2d3340;--scrollbar-track: #1e293b;--scrollbar-thumb: #475569;--scrollbar-thumb-hover: #64748b}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}::selection{background-color:var(--color-primary-light);color:inherit}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}code,pre{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.813rem}pre{background:var(--color-bg-subtle);padding:1rem;border-radius:8px;overflow-x:auto}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bg-accent{background-color:var(--color-accent)}.bg-accent-hover:hover{background-color:var(--color-accent-hover)}.card{background:var(--color-bg-card);border-radius:20px;border:none;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .3s ease-out}.animate-pulse{animation:pulse 3s ease-in-out infinite}.motion-element{will-change:transform,opacity}.motion-layout{will-change:transform,opacity,box-shadow}.MuiTableCell-root{border-bottom-color:var(--color-divider)!important}.MuiCard-root{background-color:var(--color-bg-card)!important;box-shadow:var(--shadow-md)!important;border-radius:20px!important;border:none!important}.MuiPaper-root{background-color:var(--color-bg-paper);border-radius:20px!important}.MuiListItemButton-root:hover{background-color:var(--color-bg-hover)!important}.MuiDialog-paper{margin:16px;background-color:var(--color-bg-paper);border-radius:20px!important;box-shadow:var(--shadow-lg)!important}@media print{body{background:#fff!important;color:#000!important}.no-print,.MuiDrawer-root,.MuiAppBar-root{display:none!important}}