:root{--zalama-blue:#3b82f6;--zalama-blue-accent:#60a5fa;--zalama-success:#10b981;--zalama-warning:#f59e0b;--zalama-danger:#ef4444;--zalama-green:#10b981;--zalama-red:#ef4444;--zalama-info:#06b6d4;--zalama-purple:#8b5cf6;--sidebar-width:16rem;--sidebar-collapsed-width:4rem;--dashboard-padding:8px;--dashboard-gap:8px;--card-padding:16px}[data-theme=dark],:root{--zalama-bg-dark:#0a1525;--zalama-bg-darker:#061020;--zalama-bg-light:#0e1e36;--zalama-bg-lighter:#1a2c4e;--zalama-header-blue:#0c1d3b;--zalama-card:#0c1a2e;--zalama-border:#1e3a70;--zalama-text:#e5e7ef;--zalama-text-secondary:#a0aec0;--zalama-shadow:#0000004d;--zalama-success:#10b981;--zalama-warning:#f59e0b;--zalama-danger:#ef4444;--zalama-info:#06b6d4;--zalama-purple:#8b5cf6}[data-theme=light]{--zalama-bg-dark:#f5f7fa;--zalama-bg-darker:#e2e8f0;--zalama-bg-light:#edf2f7;--zalama-bg-lighter:#f8fafc;--zalama-header-blue:#f1f5f9;--zalama-card:#fff;--zalama-border:#cbd5e1;--zalama-text:#1e293b;--zalama-text-secondary:#64748b;--zalama-shadow:#0000001a;--zalama-success:#059669;--zalama-warning:#d97706;--zalama-danger:#dc2626;--zalama-info:#0891b2;--zalama-purple:#7c3aed;--sidebar-width:16rem;--sidebar-collapsed-width:4rem;--dashboard-padding:8px;--dashboard-gap:8px;--card-padding:16px;--base-top:8px;--base-right:8px;--base-left:8px}body{background:var(--zalama-bg-dark);color:var(--zalama-gray);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"rlig" 1,"calt" 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.dashboard-container{width:100%;min-height:100vh;padding:var(--dashboard-padding);scrollbar-width:none;position:relative}.dashboard-card{padding:var(--card-padding);box-sizing:border-box;margin:0;position:absolute;overflow:hidden}.card{background:var(--zalama-card);border:1px solid var(--zalama-border);border-radius:.5rem;flex-direction:column;height:fit-content;display:flex;overflow:hidden;box-shadow:0 2px 12px #0003}.card h2{margin-bottom:.75rem}.card .grid{gap:.75rem}.card>div{margin-bottom:.5rem}.card>div:last-child{margin-bottom:0}.sidebar{background:var(--zalama-bg-darker);border-right:1px solid var(--zalama-border);transition:width .3s}.sidebar-collapsed{width:5rem!important}.sidebar-collapsed .sidebar-text,.sidebar-collapsed .sidebar-logo-text{display:none}.header{background:var(--zalama-bg-darker);border-bottom:1px solid var(--zalama-border)}.text-blue{color:var(--zalama-blue)}.btn-primary{background:var(--zalama-blue);color:#fff;border-radius:.5rem;padding:.5rem 1.2rem;font-weight:600}.btn-primary:hover{background:var(--zalama-blue-accent)}.section-header{background:var(--zalama-header-bg);color:#fff;margin:0;padding:.75rem 1rem;font-weight:500}.section-body{background:var(--zalama-card);color:var(--zalama-gray);padding:1rem}.stat-value{color:#fff;font-size:2.5rem;font-weight:700}.stat-label{color:#a0aec0;font-size:.875rem}.chart-container{width:100%;height:200px;position:relative}.sidebar nav{scrollbar-width:none;-ms-overflow-style:none}.sidebar nav::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.5s ease-in-out fadeIn}span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:12px}.dashboard-container *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.card h2,.card h3,.card h4{letter-spacing:-.025em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:600}.card p,.card span,.card div{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}.btn-primary{letter-spacing:.025em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500}.stat-value{letter-spacing:-.025em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700}.stat-label{letter-spacing:.025em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500}@media (max-width:1200px){:root{--sidebar-width:14rem;--card-padding:12px}.dashboard-card{padding:16px}}@media (max-width:992px){:root{--left-column-width:100%;--right-column-width:100%;--full-width:100%}.dashboard-container{padding:12px}.dashboard-card{width:100%;height:auto;margin-bottom:16px;position:relative;top:auto;left:auto;right:auto}.card-stats,.card-finance,.card-partners,.card-services,.card-users,.card-alerts,.card-alerts-risk,.card-visualizations{width:100%;margin-bottom:16px;position:relative;top:auto;left:auto;right:auto}}@media (max-width:768px){:root{--dashboard-padding:8px;--dashboard-gap:12px;--card-padding:12px}.dashboard-card{padding:12px}.dashboard-card.card-services .flex.justify-between{flex-direction:column;align-items:flex-start}.dashboard-card.card-services .flex.items-center{justify-content:space-between;width:100%;margin-bottom:12px}.dashboard-card.card-services .h-16.w-px.bg-\[var\(--zalama-border\)\]{display:none}.relative.w-40.h-40{width:120px;height:120px}}@media (max-width:576px){:root{--dashboard-padding:6px;--card-padding:10px}.dashboard-card{padding:10px}h2.text-xl{font-size:1rem}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}.relative.w-40.h-40{width:100px;height:100px}}@media (max-width:1200px){:root{--sidebar-width:14rem;--card-padding:12px}.dashboard-card{padding:16px}}@media (max-width:992px){:root{--left-column-width:100%;--right-column-width:100%;--full-width:100%}.dashboard-container{padding:12px}.dashboard-card{width:100%;height:auto;margin-bottom:16px;position:relative;top:auto;left:auto;right:auto}.card-stats,.card-finance,.card-partners,.card-services,.card-users,.card-alerts,.card-alerts-risk,.card-visualizations{width:100%;margin-bottom:16px;position:relative;top:auto;left:auto;right:auto}}@media (max-width:768px){:root{--dashboard-padding:8px;--dashboard-gap:12px;--card-padding:12px}.dashboard-card{padding:12px}.dashboard-card.card-services .flex.justify-between{flex-direction:column;align-items:flex-start}.dashboard-card.card-services .flex.items-center{justify-content:space-between;width:100%;margin-bottom:12px}.dashboard-card.card-services .h-16.w-px.bg-\[var\(--zalama-border\)\]{display:none}.relative.w-40.h-40{width:120px;height:120px}}@media (max-width:576px){:root{--dashboard-padding:6px;--card-padding:10px}.dashboard-card{padding:10px}h2.text-xl{font-size:1rem}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}.relative.w-40.h-40{width:100px;height:100px}}