@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;900&display=swap";
:root{--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--popover:#fff;--popover-foreground:#0f172a;--primary:#2dd4bf;--primary-dark:#059669;--primary-foreground:#fff;--secondary:#f1f5f9;--secondary-foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#f1f5f9;--accent-foreground:#2dd4bf;--destructive:#f43f5e;--destructive-foreground:#fff;--border:#e2e8f0;--input:#fff;--ring:#2dd4bf;--radius:1rem;--sidebar-width:280px;--brand-gradient:linear-gradient(135deg, #2dd4bf 0%, #10b981 100%);--glass-bg:#ffffffb3;--glass-border:#e2e8f0cc;--glass-blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background-color:var(--background);color:var(--foreground);font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none}.dashboard-container{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex:1;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}@media (max-width:1023px){.main-content{padding:1.5rem;margin-left:0!important}}.glass-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.glass-panel:hover{border-color:#2dd4bf4d;transition:all .3s;transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.stat-card{flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.stat-card-value{color:var(--foreground);font-size:2rem;font-weight:700}.stat-card-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);z-index:50;background:#fff;flex-direction:column;height:100vh;padding:2.5rem 1.5rem;transition:width .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 20px #00000005}.sidebar-logo{text-align:center;margin-bottom:4rem}.nav-links{flex-direction:column;gap:.5rem;display:flex}.nav-item{color:#64748b;border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover:not(.active){color:var(--primary);background:#f8fafc;transform:translate(5px)}.nav-item.active{background:var(--brand-gradient);color:#fff;font-weight:600;box-shadow:0 4px 15px #2dd4bf66}.animate-fade-in{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeIn}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hidden{display:none!important}.block{display:block!important}.flex{display:flex!important}@media (min-width:1024px){.lg\:hidden{display:none!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}}@media (max-width:1023px){.max-lg\:hidden{display:none!important}.max-lg\:block{display:block!important}.max-lg\:flex{display:flex!important}html,body{overflow-x:hidden}.main-content{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;padding-top:5.5rem!important}.dashboard-main-grid{grid-template-columns:1fr!important}}@media (max-width:640px){html,body{width:100%;overflow-x:hidden}.main-content{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;padding:5.5rem 18px 18px!important}h1{font-size:clamp(1.3rem,6vw,1.75rem)!important}h2{font-size:clamp(1.2rem,5.5vw,1.5rem)!important}h3{font-size:clamp(1rem,4.5vw,1.2rem)!important}.card-grid{grid-template-columns:1fr!important;gap:1rem!important}.main-content .glass-panel{max-width:100%!important;margin-left:0!important;margin-right:0!important;overflow-x:hidden!important}.info-row-grid{grid-template-columns:1fr!important;gap:.15rem!important}.info-row-grid .info-row-label{font-size:.68rem!important}}.dashboard-main-grid{grid-template-columns:2fr 1fr;gap:1.5rem;margin-top:0;display:grid}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kpi-grid{gap:1.5rem;display:grid}@media (max-width:1023px){.kpi-grid{grid-template-columns:repeat(4,1fr)!important;gap:.5rem!important}.kpi-grid .glass-panel{padding:.6rem .75rem!important}.kpi-grid .kpi-icon{display:none!important}.kpi-grid .kpi-label{letter-spacing:.04em!important;margin-bottom:.1rem!important;font-size:.58rem!important}.kpi-grid .kpi-value{margin-top:0!important;font-size:1.15rem!important}}@media (max-width:640px){.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:.4rem!important}}