.navigation{background:#1e293b;border-bottom:2px solid #334155;padding:0;position:sticky;top:0;z-index:100}.nav-header{padding:20px;border-bottom:1px solid #334155}.nav-header h1{font-size:24px;color:#f1f5f9;font-weight:600}.nav-tabs{display:flex;gap:0;padding:0 20px}.nav-tabs button{background:transparent;border:none;color:#94a3b8;padding:16px 24px;font-size:16px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;position:relative}.nav-tabs button:hover{color:#e2e8f0;background:#94a3b81a}.nav-tabs button.active{color:#60a5fa;border-bottom-color:#60a5fa}@media(max-width:768px){.nav-header h1{font-size:20px}.nav-tabs{padding:0 10px}.nav-tabs button{padding:12px 16px;font-size:14px}}.deposits-page{display:flex;flex-direction:column;gap:24px}.error-message{text-align:center;padding:40px;color:#ef4444}.error-message h2{margin-bottom:12px}.section-title{font-size:24px;font-weight:600;margin-bottom:20px;color:#f1f5f9}.stat-card{background:#0f172a;padding:20px;border-radius:8px;border:1px solid #334155}.stat-label{font-size:12px;color:#94a3b8;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.chart-container{background:#0f172a;padding:20px;border-radius:8px;border:1px solid #334155}.table-section{margin-top:24px}.table-section h3{font-size:18px;font-weight:600;margin-bottom:16px;color:#f1f5f9}th,td{padding:12px;text-align:left;border-bottom:1px solid #334155}th{background:#1e293b;font-weight:600;font-size:14px;color:#e2e8f0}td{color:#cbd5e1}.status-active{color:#10b981;font-weight:600}.status-closed{color:#6b7280}@media(max-width:768px){.stats-grid,.charts-row{grid-template-columns:1fr}table{font-size:12px}th,td{padding:8px}}.sales-page{display:flex;flex-direction:column;gap:24px}.section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px}.section-title{font-size:20px;font-weight:600;margin-bottom:20px;color:#f1f5f9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:20px}.stat-card h3{font-size:12px;font-weight:500;color:#94a3b8;margin-bottom:12px;text-transform:uppercase}.stat-value{font-size:28px;font-weight:700;color:#60a5fa}.stat-value.positive{color:#10b981}.stat-value.negative{color:#f87171}.filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filters label{display:flex;align-items:center;gap:6px;color:#e2e8f0;cursor:pointer}.filters input[type=checkbox]{width:18px;height:18px;cursor:pointer}.filters select{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:10px 16px;color:#e2e8f0;font-size:14px;cursor:pointer}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.chart-container{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:20px}.table-container{margin-top:20px}.table-container h3{font-size:16px;font-weight:600;margin-bottom:12px;color:#f1f5f9}table{width:100%;border-collapse:collapse;background:#0f172a;border-radius:8px;overflow:hidden}thead{background:#334155}th{padding:12px;text-align:left;font-weight:600;color:#e2e8f0;border-bottom:2px solid #475569;font-size:13px}td{padding:10px 12px;border-bottom:1px solid #334155;color:#cbd5e1;font-size:13px}tbody tr:hover{background:#60a5fa1a}.highlight{background:#10b9811a;font-weight:600}.positive{color:#10b981;font-weight:600}.negative{color:#f87171;font-weight:600}.loading{text-align:center;padding:40px;font-size:18px;color:#94a3b8}.error-message{text-align:center;padding:40px}.error-message h2{color:#ef4444;margin-bottom:12px}.error-message p{color:#94a3b8}@media(max-width:768px){.charts-row{grid-template-columns:1fr}table{font-size:11px}th,td{padding:8px}}.total-row{background:#60a5fa26;font-weight:700;border-top:2px solid #60a5fa}.total-row td{font-weight:700;color:#e2e8f0}.app{min-height:100vh;display:flex;flex-direction:column}.content{flex:1;padding:20px;max-width:1400px;margin:0 auto;width:100%}@media(max-width:768px){.content{padding:10px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;color:#e2e8f0}#root{min-height:100vh}