@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
html.dashboard-scroll,body.dashboard-scroll{color:#111827;background-color:#d9d9d9;height:auto;min-height:100%;font-family:Inter,sans-serif;overflow-x:hidden;overflow-y:auto!important}html:has(.dashboard-page){color:#111827;background-color:#d9d9d9;height:auto;min-height:100%;font-family:Inter,sans-serif;overflow-x:hidden;overflow-y:auto!important}body:has(.dashboard-page){color:#111827;background-color:#d9d9d9;height:auto;min-height:100%;font-family:Inter,sans-serif;overflow-x:hidden;overflow-y:auto!important}.dashboard-page{color:#111827;background-color:#d9d9d9;width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow:visible}.dashboard-page .dashboard-container{background-color:#ededed;max-width:1440px;min-height:100vh;margin:0 auto;padding:2rem}.dashboard-page .card{background-color:#fff;border:1px solid #f9fafb;padding:1.5rem}.dashboard-page .stripe-blue{background-image:repeating-linear-gradient(-45deg,#d9d9d9,#d9d9d9 3px,#f2f2f2 3px 6px)}.dashboard-page .stripe-green-solid{background-image:repeating-linear-gradient(-45deg,#e0b85a,#e0b85a 4px,#0000 4px 8px)}.dashboard-page .stripe-blue-solid{background-image:repeating-linear-gradient(-45deg,#3a8fcb,#3a8fcb 4px,#0000 4px 8px)}.dashboard-page .stripe-pink-solid{background-image:repeating-linear-gradient(-45deg,#c89b3c,#c89b3c 4px,#0000 4px 8px)}.dashboard-page .bar-base{cursor:pointer;transition:all .3s}.dashboard-page .bar-hover:hover{z-index:20;background:linear-gradient(#3a8fcb,#0f3a5f);border:2px solid #fff;transform:scale(1.02);box-shadow:0 10px 25px -5px #0f3a5f80}.dashboard-page .bar-col-1{background:linear-gradient(#3a8fcb,#f2f2f2);border:1px solid #d9d9d9}.dashboard-page .bar-col-2{background:linear-gradient(#1f5f8b,#f2f2f2);border:1px solid #d9d9d9}.dashboard-page .bar-col-3{z-index:10;background:linear-gradient(#0f3a5f,#3a8fcb);border:2px solid #fff;transform:scale(1.02);box-shadow:0 10px 25px -5px #0f3a5f80}.dashboard-page .bar-col-4{background:linear-gradient(#1f5f8b,#f2f2f2);border:1px solid #d9d9d9}.dashboard-page .bar-col-5{background:linear-gradient(#3a8fcb,#f2f2f2);border:1px solid #d9d9d9}.dashboard-page .insight-card{color:#fff;background:linear-gradient(135deg,#0f3a5f 0%,#1f5f8b 40%,#c89b3c 80%,#f2d17a 100%);position:relative;overflow:hidden}.dashboard-page .btn-control{color:#374151;cursor:pointer;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.dashboard-page .icon-btn{color:#6b7280;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dashboard-page .nav-dropdown{z-index:50;background:#fff;border:1px solid #f3f4f6;border-radius:14px;min-width:200px;padding:6px;animation:.15s ease-out dropdown-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 40px -8px #0000001f,0 4px 12px -4px #0000000f}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dashboard-page .nav-dropdown-item{color:#6b7280;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.dashboard-page .nav-dropdown-item:hover{color:#111827;background-color:#f9fafb}.dashboard-page .nav-dropdown-item-active{color:#111827;background-color:#f3f4f6;font-weight:600}.dashboard-page .metrics-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;display:flex;overflow-x:auto}.dashboard-page .metrics-tabs::-webkit-scrollbar{display:none}.dashboard-page .metrics-tab{flex:none;min-width:7.5rem}@media (min-width:640px){.dashboard-page .metrics-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow-x:visible}.dashboard-page .metrics-tab{min-width:0}}@media (min-width:1024px){.dashboard-page .metrics-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}.dashboard-page .nav-mobile-overlay{z-index:60;background:#00000059;animation:.2s ease-out fade-in;position:fixed;inset:0}.dashboard-page .nav-mobile-panel{z-index:70;background:#fff;width:min(300px,85vw);height:100vh;padding:1.25rem;transition:transform .25s ease-out;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 30px #0000001a}.dashboard-page .nav-mobile-panel-open{transform:translate(0)}.dashboard-page .nav-mobile-link{color:#6b7280;border-radius:10px;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:block}.dashboard-page .nav-mobile-link:hover{color:#111827;background-color:#f9fafb}.dashboard-page .nav-mobile-link-active{color:#fff;background-color:#111827}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dashboard-page .dashboard-grid{grid-auto-rows:auto}.dashboard-page .chart-bars-wrap{flex-shrink:0}@media (max-width:639px){.dashboard-page .card{padding:1rem}.dashboard-page .btn-control{padding:.5rem .75rem;font-size:.75rem}}