@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--font-primary:"Inter", sans-serif;--font-heading:"Poppins", sans-serif;--bg-main:#f3f4f6;--bg-sidebar:#17153a;--bg-card:#fff;--color-text-main:#1f2937;--color-text-muted:#6b7280;--color-text-sidebar:#9ca3af;--color-text-sidebar-active:#fff;--primary-blue:#3b82f6;--primary-indigo:#4f46e5;--primary-purple:#6366f1;--sidebar-gradient:linear-gradient(135deg, var(--primary-indigo), var(--primary-purple));--card-blue:#eff6ff;--card-orange:#fff7ed;--card-green:#f0fdf4;--card-purple:#f5f3ff;--metric-blue:#3b82f6;--metric-orange:#f97316;--metric-green:#22c55e;--metric-purple:#8b5cf6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-main);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600}a{color:inherit;text-decoration:none}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);width:250px;color:var(--color-text-sidebar);border-right:1px solid #ffffff0d;flex-direction:column;transition:all .3s;display:flex;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:20px 24px;display:flex}.sidebar-logo img{border-radius:8px;width:36px;height:36px;box-shadow:0 4px 12px #0003}.sidebar-logo h2{color:#fff;letter-spacing:.5px;font-size:.95rem;font-weight:600;font-family:var(--font-primary)}.nav-section{flex-direction:column;gap:4px;padding:24px 0;display:flex}.nav-item{cursor:pointer;color:#9ca3af;border-radius:8px;align-items:center;gap:14px;margin:0 16px;padding:10px 24px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:#e5e7eb;background-color:#ffffff08}.nav-item.active{color:#3b82f6;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px 8px 8px 4px;font-weight:600}.nav-item svg{opacity:.8;width:18px;height:18px}.nav-item.active svg{opacity:1}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden auto}.header{background-color:var(--bg-card);height:70px;box-shadow:var(--shadow-sm);border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:0 32px;display:flex}.page-content{flex:1;padding:32px;overflow-y:auto}.dashboard-title{margin-bottom:24px;font-size:1.5rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.metric-card{background-color:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.metric-icon-wrapper svg{width:28px;height:28px}.metric-info h4{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.85rem}.metric-info p{font-size:1.5rem;font-weight:700;font-family:var(--font-heading)}.charts-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.charts-grid{grid-template-columns:2fr 1fr}}.chart-card{background-color:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:16px;padding:24px}.chart-header{margin-bottom:20px}.chart-title{color:var(--color-text-main);font-size:1.1rem}.premium-action-btn:hover{transform:translateY(-1px);border-color:var(--btn-color)!important;box-shadow:0 4px 6px -1px #0000000d!important}@media (width<=768px){.app-container{flex-direction:column!important}.sidebar{border-bottom:1px solid #ffffff0d!important;border-right:none!important;flex-direction:row!important;flex-shrink:0!important;width:100%!important;height:auto!important;max-height:60px!important;overflow:auto hidden!important}.sidebar-logo{border-bottom:none!important;border-right:1px solid #ffffff0d!important;flex-shrink:0!important;padding:10px 16px!important}.sidebar-logo h2{display:none!important}.nav-section{flex-direction:row!important;align-items:center!important;gap:8px!important;padding:0 10px!important}.nav-item{white-space:nowrap!important;flex-shrink:0!important;margin:0!important;padding:8px 12px!important;font-size:12px!important}.nav-item.active{border-bottom:3px solid #3b82f6!important;border-left:none!important;border-radius:8px 8px 0 0!important}.header{flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:12px!important;height:auto!important;min-height:60px!important;padding:12px 16px!important}.page-content,div[style*="padding: 40px"],div[style*="padding: 32px"],div[style*="padding: 24px"],div[style*="padding: 48px"]{padding:16px!important}div[style*="display: flex"][style*="justify-content: space-between"]{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}div[style*="display: flex"]:not([style*="flex-direction: column"]):not(.app-container):not(.sidebar):not(.nav-section){flex-wrap:wrap!important}div[style*=grid-template-columns]{grid-template-columns:1fr!important}table{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;width:100%!important;display:block!important;overflow-x:auto!important}h1,div[style*="font-size: 42px"],div[style*="font-size: 40px"],div[style*="font-size: 32px"],div[style*="font-size: 28px"]{font-size:24px!important;line-height:1.2!important}div[style*="max-width: 600px"],div[style*="max-width: 800px"],div[style*="max-width: 900px"],div[style*="max-width: 1200px"]{border-radius:16px!important;width:100%!important;max-width:100%!important;margin:10px!important}div[style*="width: 320px"],div[style*="width: 400px"]{width:100%!important;max-width:100%!important}input,select,button{max-width:100%!important}div[style*="min-width: 160px"],div[style*="min-width: 200px"]{width:100%!important;min-width:100%!important}.header-search,.header-profile-text,.header-subtitle{display:none!important}.header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;min-height:50px!important;padding:8px 16px!important}.header>div{gap:8px!important}div[style*="backdropFilter: blur"]>div,div[style*="backdrop-filter: blur"]>div,div[style*="background: rgba(15, 23, 42, 0.6)"]>div,div[style*="background: rgba(15, 23, 42, 0.7)"]>div{border-radius:20px!important;width:100%!important;max-width:calc(100vw - 32px)!important;max-height:90vh!important;margin:16px!important;padding:24px!important;overflow-y:auto!important}div[style*="display: flex"][style*="alignItems: flex-start"],div[style*="display: flex"][style*="align-items: flex-start"]{flex-direction:column!important}div[style*="width: 350px"],div[style*="width: 400px"],div[style*="width: 450px"],div[style*="width: 500px"],div[style*="minWidth: 350px"],div[style*="min-width: 350px"]{width:100%!important;min-width:100%!important;max-width:100%!important}div[style*="justifyContent: space-between"],div[style*="justify-content: space-between"]{flex-direction:column!important;align-items:stretch!important;gap:16px!important}button[style*="padding: 10px 16px"],button[style*="padding: 12px"]{justify-content:center!important;width:100%!important}div[style*="overflowX: auto"],div[style*="overflow-x: auto"]{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}div[style*="overflowX: auto"]::-webkit-scrollbar{display:none!important}div[style*="overflow-x: auto"]::-webkit-scrollbar{display:none!important}div[style*="gridTemplateColumns: 1fr 1fr"],div[style*="grid-template-columns: 1fr 1fr"],div[style*="gridTemplateColumns: '1fr 1fr'"]{grid-template-columns:1fr!important}svg[style*="width: 64px"],svg[style*="height: 64px"],div[style*="width: 90px"][style*="height: 90px"]{width:48px!important;height:48px!important}}