:root{--bg-primary:#f0f4f8;--bg-dashboard:#ffffffbf;--bg-card:#fff;--text-main:#1d2329;--text-muted:#6b7280;--text-light:#9ca3af;--brand-blue:#3e8bff;--brand-blue-hover:#2974e6;--brand-blue-light:#eff5ff;--color-revenue:#fdb022;--color-revenue-light:#fff6ed;--color-expenses:#9e77ed;--color-expenses-light:#f4f1fd;--color-receivable:#36bffa;--color-receivable-light:#e0f5ff;--color-payable:#f04438;--color-payable-light:#fef3f2;--color-success:#12b76a;--color-success-light:#ecfdf3;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 20px -3px #0000000d, 0 4px 6px -2px #00000006;--shadow-glass:0 8px 32px 0 #1f26870d;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--border-radius-xl:32px;--border-color:#e6ebf0cc;--border-glass:#ffffff2e}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:var(--bg-primary);background-image:radial-gradient(circle at 10% 20%,#ff50c826 0%,#0000 40%),radial-gradient(circle at 90% 80%,#00c8ff26 0%,#0000 40%),radial-gradient(circle,#fffc 0%,#fff0 100%);background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex}#root{width:100%;height:100vh;padding:24px;display:flex}.dashboard-shell{background:var(--bg-dashboard);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius-xl);border:1px solid var(--border-glass);width:100%;height:100%;box-shadow:var(--shadow-glass);flex-direction:column;display:flex;position:relative;overflow:hidden}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);background:#fff9}.card{background:var(--bg-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:20px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s}.btn-primary{background:var(--brand-blue);color:#fff;border-radius:8px;padding:8px 16px;font-weight:500}.btn-primary:hover{background:var(--brand-blue-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=768px){#root{padding:0}.dashboard-shell{border:none;border-radius:0}.card,.glass-panel{padding:16px}}.top-nav{border-bottom:1px solid var(--border-color);background:#fff6;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.logo-area{align-items:center;gap:12px;width:250px;display:flex}.logo-icon{background:var(--brand-blue-light);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text{flex-direction:column;display:flex}.logo-text h2{color:#111827;font-size:16px;font-weight:700;line-height:1.1}.search-bar{background:var(--bg-card);border:1px solid var(--border-color);width:400px;box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:12px;padding:10px 16px;display:flex}.search-bar input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-family:inherit;font-size:14px}.search-bar input::placeholder{color:var(--text-light)}.right-controls{align-items:center;gap:24px;display:flex}.company-switcher{border:1px solid var(--border-color);background:#f9fafb;border-radius:20px;align-items:center;gap:16px;padding:6px 16px;display:flex}.switch-text{color:var(--brand-blue);cursor:pointer;font-size:13px;font-weight:600}.current-company{cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.user-profile{cursor:pointer;align-items:center;gap:12px;display:flex}.avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.welcome-text{flex-direction:column;font-size:13px;display:flex}.welcome-text span:first-child{color:var(--text-muted)}.welcome-text .username{color:var(--brand-blue);font-weight:600}@media (width<=768px){.top-nav{flex-wrap:wrap;gap:16px;padding:12px 16px}.search-bar{order:3;width:100%;margin-top:12px}.logo-area{width:auto}.right-controls{gap:12px}.welcome-text{display:none}}.secondary-nav-container{flex-shrink:0;width:100%;padding:16px 24px;overflow-x:auto}.secondary-nav-container::-webkit-scrollbar{display:none}.secondary-nav{align-items:center;gap:12px;min-width:max-content;display:flex}.nav-item{background:0 0;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg-card);box-shadow:var(--shadow-sm)}.nav-item.active{background:var(--brand-blue);color:#fff;box-shadow:0 4px 12px #3e8bff4d}.icon-wrapper{background:var(--bg-card);width:28px;height:28px;color:var(--text-main);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-item.active .icon-wrapper{color:#fff;box-shadow:none;background:#fff3}.nav-item:hover:not(.active) .icon-wrapper{box-shadow:var(--shadow-md)}.label{font-size:13px;font-weight:600}.nav-item:not(.active) .label{color:var(--text-main)}.sidebar{border-right:1px solid var(--border-color);background:#fff6;flex-direction:column;width:250px;height:100%;padding:24px 0;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar-header{align-items:center;gap:12px;padding:0 24px 20px;display:flex}.reports-icon{width:32px;height:32px;color:var(--brand-blue);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:flex}.sidebar-header h3{color:#111827;font-size:16px;font-weight:700}.reports-list{flex-direction:column;gap:4px;padding:0 16px;display:flex}.report-item{color:var(--text-muted);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.report-item:hover{color:var(--text-main);background:#fff9}.report-item.active{background:var(--brand-blue);color:#fff;box-shadow:0 4px 12px #3e8bff4d}.active-icon{opacity:.8}@media (width<=768px){.sidebar{display:none}}.layout-body{flex:1;display:flex;overflow:hidden}.main-content{flex:1;padding:0 24px 24px;overflow-y:auto}@media (width<=768px){.layout-body{flex-direction:column;overflow:auto}.main-content{padding:0 16px 16px;overflow-y:visible}}.dashboard-page{flex-direction:column;gap:24px;width:100%;display:flex}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.metric-card{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.revenue-icon{background:var(--color-revenue-light);color:var(--color-revenue)}.expenses-icon{background:var(--color-expenses-light);color:var(--color-expenses)}.receivable-icon{background:var(--color-receivable-light);color:var(--color-receivable)}.payable-icon{background:var(--color-payable-light);color:var(--color-payable)}.success-icon{background:var(--color-success-light);color:var(--color-success)}.metric-content{flex-direction:column;gap:4px;display:flex}.metric-value{color:var(--text-main);font-size:24px;font-weight:700;line-height:1}.metric-label{color:var(--text-muted);font-size:13px;font-weight:500}.charts-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.chart-card{background:var(--bg-card);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-direction:column;padding:24px;display:flex}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-header h3{color:#111827;font-size:18px;font-weight:700}.chart-filters{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.chart-filters.outline{border:1px solid var(--border-color);border-radius:20px;padding:4px 12px}.date-select{color:var(--brand-blue);cursor:pointer;background:0 0;border:none;outline:none;font-size:12px;font-weight:600}.chart-filters label{cursor:pointer;align-items:center;gap:4px;display:flex}.chart-header-bottom{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-legend-custom{color:var(--text-main);align-items:center;gap:16px;font-size:12px;font-weight:500;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.blue{background:#3e8bff}.dot.red{background:#f04438}.dot.purple{background:#9e77ed}.dot.yellow{background:#fdb022}.chart-body{flex:1;width:100%}@media (width<=1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.charts-grid{grid-template-columns:1fr}.chart-header,.chart-header-bottom{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=480px){.metrics-grid{grid-template-columns:1fr}}.sales-page{flex-direction:column;gap:24px;display:flex}.sales-header{justify-content:space-between;align-items:flex-end;display:flex}.sales-header h2{color:var(--text-main);margin-bottom:4px;font-size:24px;font-weight:700}.sales-actions{gap:12px;display:flex}.btn-secondary{border:1px solid var(--border-color);color:var(--text-main);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:flex}.btn-secondary:hover{background:#f9fafb}.btn-primary{background:var(--brand-blue);color:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:flex}.sales-table-container{padding:0;overflow-x:auto}.sales-table{border-collapse:collapse;width:100%}.sales-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-color);background:#f9fafb;padding:16px 24px;font-size:13px;font-weight:600}.sales-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:16px 24px;font-size:14px}.sales-table tr:last-child td{border-bottom:none}.sales-table tr:hover td{background:#f9fafb}.status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-badge.completed{background:var(--color-success-light);color:var(--color-success)}.status-badge.pending{background:var(--color-revenue-light);color:var(--color-revenue)}.status-badge.processing{background:var(--color-receivable-light);color:var(--color-receivable)}.status-badge.cancelled{background:var(--color-payable-light);color:var(--color-payable)}.action-link{color:var(--brand-blue);font-size:13px;font-weight:600}.action-link:hover{text-decoration:underline}@media (width<=768px){.sales-header{flex-direction:column;align-items:flex-start;gap:16px}.sales-actions{flex-wrap:wrap}}.reports-page{flex-direction:column;gap:24px;display:flex}.reports-header{justify-content:space-between;align-items:flex-end;display:flex}.reports-header h2{color:var(--text-main);margin-bottom:4px;font-size:24px;font-weight:700}.reports-actions{gap:12px;display:flex}.summary-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.summary-card{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-direction:column;gap:8px;padding:20px;display:flex}.summary-card h4{color:var(--text-muted);font-size:14px;font-weight:600}.summary-card .value{color:var(--text-main);font-size:28px;font-weight:700}.summary-card .trend{font-size:13px;font-weight:500}.trend.positive{color:var(--color-success)}.trend.negative{color:var(--color-payable)}.reports-table-container{padding:0;overflow-x:auto}.reports-table{border-collapse:collapse;width:100%}.reports-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-color);background:#eff5ff;padding:16px 24px;font-size:13px;font-weight:600}.reports-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:16px 24px;font-size:14px}.reports-table tr:hover td{background:#f9fafb}.text-success{color:var(--color-success)}.text-danger{color:var(--color-payable)}.margin-badge{background:var(--brand-blue-light);color:var(--brand-blue);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}@media (width<=1024px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.reports-header{flex-direction:column;align-items:flex-start;gap:16px}.reports-actions{flex-wrap:wrap}.summary-cards{grid-template-columns:1fr}}