@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";

.ecDashboardWrapper{background:#f8f9fc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.ecSidebar{z-index:100;background:linear-gradient(#fff 0%,#fff5f7 100%);border-right:1px solid #fce4ec;flex-direction:column;width:260px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 20px #e11d480a}.ecSidebar.ecSidebarCollapsed{width:76px}.ecSidebarHeader{border-bottom:1px solid #fce4ec;justify-content:space-between;align-items:center;padding:1.25rem 1rem;display:flex}.ecSidebarLogo{align-items:center;gap:.75rem;display:flex}.ecSidebarLogoIcon{color:#fff;background:linear-gradient(135deg,#e11d48 0%,#be185d 50%,#3b82f6 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.125rem;font-weight:800;display:flex;box-shadow:0 4px 12px #e11d484d}.ecSidebarLogoText{background:linear-gradient(135deg,#e11d48,#3b82f6);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.ecSidebarToggle{color:#e11d48;cursor:pointer;background:#fff;border:1px solid #fce4ec;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;transition:all .2s;display:flex}.ecSidebarToggle:hover{background:#fff1f2;border-color:#fda4af}.ecSidebarNav{flex-direction:column;flex:1;gap:2px;padding:.75rem .625rem;display:flex;overflow-y:auto}.ecSidebarItem{color:#64748b;cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.ecSidebarItem:hover{color:#e11d48;background:#fff1f2}.ecSidebarItem.active{color:#e11d48;background:linear-gradient(135deg,#ffe4e8 0%,#fce4f0 100%);font-weight:600;box-shadow:0 2px 8px #e11d481a}.ecSidebarItem.active:before{content:"";background:linear-gradient(#e11d48,#ec4899);border-radius:0 4px 4px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ecSidebarItemIcon{stroke-width:1.75px;flex-shrink:0;width:20px;height:20px}.ecToggleIcon{width:14px;height:14px}.ecSidebarItemLabel{white-space:nowrap;flex:1}.ecSidebarBadge{color:#fff;text-align:center;background:linear-gradient(135deg,#e11d48,#f43f5e);border-radius:9999px;min-width:22px;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.ecSidebarFooter{border-top:1px solid #fce4ec;padding:1rem}.ecSidebarUser{background:#fff1f2;border-radius:12px;align-items:center;gap:.75rem;padding:.625rem;display:flex}.ecSidebarUserAvatar{color:#fff;background:linear-gradient(135deg,#e11d48,#3b82f6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8125rem;font-weight:700;display:flex}.ecSidebarUserInfo{min-width:0}.ecSidebarUserName{color:#1e293b;margin:0;font-size:.8125rem;font-weight:600}.ecSidebarUserRole{color:#94a3b8;margin:0;font-size:.6875rem}.ecMainContent{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.ecMainContent.ecMainExpanded{margin-left:76px}.ecTopbar{z-index:50;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.ecTopbarLeft{flex-direction:column;display:flex}.ecTopbarTitle{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:700}.ecTopbarBreadcrumb{color:#94a3b8;font-size:.75rem}.ecTopbarRight{align-items:center;gap:.625rem;display:flex}.ecTopbarSearch{align-items:center;display:flex;position:relative}.ecTopbarSearchIcon{pointer-events:none;font-size:.875rem;position:absolute;left:.75rem}.ecTopbarSearchIconSvg{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;left:.75rem}.ecTopbarBtnIcon{color:#64748b;width:18px;height:18px}.ecTopbarIconBtn:hover .ecTopbarBtnIcon{color:#e11d48}.ecTopbarChevronIcon{color:#94a3b8;width:14px;height:14px}.ecTopbarSearchInput{color:#475569;background:#f8f9fc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:260px;padding:.5rem .875rem .5rem 2.25rem;font-size:.8125rem;transition:all .2s}.ecTopbarSearchInput:focus{background:#fff;border-color:#e11d48;box-shadow:0 0 0 3px #e11d4814}.ecTopbarSearchInput::placeholder{color:#94a3b8}.ecTopbarIconBtn{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;transition:all .2s;display:flex;position:relative}.ecTopbarIconBtn:hover{background:#fff1f2;border-color:#fda4af}.ecTopbarNotifDot{background:#e11d48;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.ecTopbarDivider{background:#e2e8f0;width:1px;height:28px;margin:0 .375rem}.ecTopbarProfile{cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.375rem .625rem;transition:all .2s;display:flex}.ecTopbarProfile:hover{background:#f8f9fc}.ecTopbarAvatar{color:#fff;background:linear-gradient(135deg,#e11d48,#3b82f6);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.ecTopbarProfileName{color:#1e293b;font-size:.8125rem;font-weight:600}.ecTopbarChevron{color:#94a3b8;font-size:.625rem}.ecDashboardContent{flex:1;padding:1.5rem}.ecWelcomeBanner{background:linear-gradient(135deg,#e11d48 0%,#be185d 40%,#3b82f6 100%);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem 2rem;display:flex;position:relative;overflow:hidden}.ecWelcomeBanner:before{content:"";background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-10%}.ecWelcomeBanner:after{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60%;left:20%}.ecWelcomeText h2{color:#fff;letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.375rem;font-weight:700}.ecWelcomeText p{color:#ffffffd9;margin:0;font-size:.875rem}.ecWelcomeActions{z-index:1;gap:.625rem;display:flex;position:relative}.ecBtnOutline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;padding:.5rem 1.125rem;font-size:.8125rem;font-weight:600;transition:all .2s}.ecBtnOutline:hover{background:#ffffff40}.ecBtnPrimary{color:#e11d48;cursor:pointer;background:#fff;border:none;border-radius:10px;padding:.5rem 1.125rem;font-size:.8125rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #00000026}.ecBtnPrimary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0003}.ecBtnIcon{vertical-align:middle;width:16px;height:16px;margin-right:.25rem}.ecBtnOutline .ecBtnIcon{color:#fff}.ecBtnPrimary .ecBtnIcon{color:#e11d48}.ecMetricsGrid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.ecMetricCard{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:1.25rem 1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ecMetricCard:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.ecMetricCard:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.ecMetric-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.ecMetric-pink:before{background:linear-gradient(90deg,#ec4899,#f472b6)}.ecMetric-red:before{background:linear-gradient(90deg,#e11d48,#f43f5e)}.ecMetric-white:before{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.ecMetricHeader{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.ecMetricTitle{color:#64748b;font-size:.8125rem;font-weight:500}.ecMetricChange{border-radius:6px;align-items:center;gap:.125rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.ecTrendIcon{width:12px;height:12px}.ecMetricChange.up{color:#059669;background:#ecfdf5}.ecMetricChange.down{color:#dc2626;background:#fef2f2}.ecMetricValue{color:#0f172a;letter-spacing:-.03em;margin-bottom:.25rem;font-size:1.875rem;font-weight:800}.ecMetricSubtitle{color:#94a3b8;margin-bottom:.875rem;font-size:.75rem}.ecMetricBar{background:#f1f5f9;border-radius:2px;height:4px;overflow:hidden}.ecMetric-blue .ecMetricBarFill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.ecMetric-pink .ecMetricBarFill{background:linear-gradient(90deg,#ec4899,#f472b6)}.ecMetric-red .ecMetricBarFill{background:linear-gradient(90deg,#e11d48,#f43f5e)}.ecMetric-white .ecMetricBarFill{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.ecMetricBarFill{border-radius:2px;height:100%;transition:width 1s}.ecCard{background:#fff;border:1px solid #f1f5f9;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ecCardHeader{border-bottom:1px solid #f8f9fc;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.ecCardTitle{color:#0f172a;letter-spacing:-.02em;margin:0 0 .125rem;font-size:1rem;font-weight:700}.ecCardSubtitle{color:#94a3b8;margin:0;font-size:.75rem}.ecCardActions{background:#f8f9fc;border-radius:8px;gap:.25rem;padding:.125rem;display:flex}.ecCardFilter{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.ecCardFilter.active{color:#e11d48;background:#fff;box-shadow:0 1px 3px #00000014}.ecCardFilter:hover:not(.active){color:#475569}.ecCardLink{color:#3b82f6;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;transition:color .2s;display:inline-flex}.ecCardLink:hover{color:#e11d48}.ecCardLinkIcon{width:14px;height:14px}.ecChartsRow{grid-template-columns:1.6fr 1fr;gap:1.25rem;margin-bottom:1.5rem;display:grid}.ecChartArea{align-items:flex-end;min-height:260px;padding:1.5rem;display:flex}.ecBarChart{align-items:flex-end;gap:1rem;width:100%;height:220px;padding-top:1rem;display:flex}.ecBarGroup{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.5rem;height:100%;display:flex}.ecBar{cursor:pointer;background:linear-gradient(#e11d48 0%,#f472b6 50%,#3b82f6 100%);border-radius:8px 8px 4px 4px;width:100%;max-width:48px;min-height:8px;transition:all .3s;position:relative}.ecBar:hover{opacity:.85;transform-origin:bottom;transform:scaleY(1.02)}.ecBarTooltip{color:#fff;white-space:nowrap;background:#0f172a;border-radius:6px;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;display:none;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.ecBar:hover .ecBarTooltip{display:block}.ecBarLabel{color:#94a3b8;font-size:.75rem;font-weight:500}.ecTrafficList{flex-direction:column;gap:.875rem;padding:1rem 1.5rem;display:flex}.ecTrafficItem{align-items:center;gap:.75rem;display:flex}.ecTrafficInfo{align-items:center;gap:.5rem;min-width:120px;display:flex}.ecTrafficDot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ecTrafficName{color:#475569;white-space:nowrap;font-size:.8125rem;font-weight:500}.ecTrafficBar{background:#f1f5f9;border-radius:3px;flex:1;height:6px;overflow:hidden}.ecTrafficBarFill{border-radius:3px;height:100%;transition:width 1s}.ecTrafficPercent{color:#0f172a;text-align:right;min-width:32px;font-size:.8125rem;font-weight:700}.ecTotalVisitors{background:linear-gradient(135deg,#fff1f2 0%,#eff6ff 100%);border-top:1px solid #f8f9fc;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.ecTotalLabel{color:#64748b;font-size:.8125rem;font-weight:500}.ecTotalValue{color:#e11d48;font-size:1.25rem;font-weight:800}.ecBottomRow{margin-bottom:1.5rem}.ecTableWrapper{overflow-x:auto}.ecTable{border-collapse:collapse;width:100%}.ecTable thead{background:#fafbfc}.ecTable th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #f1f5f9;padding:.75rem 1.25rem;font-size:.6875rem;font-weight:700}.ecTable tbody tr{border-bottom:1px solid #f8f9fc;transition:background-color .15s}.ecTable tbody tr:last-child{border-bottom:none}.ecTable tbody tr:hover{background:#fffbfb}.ecTable td{color:#334155;vertical-align:middle;padding:.875rem 1.25rem;font-size:.8125rem}.ecOrderId{color:#3b82f6;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;font-weight:600}.ecCustomerCell{align-items:center;gap:.625rem;display:flex}.ecCustomerAvatar{color:#fff;background:linear-gradient(135deg,#fda4af,#93c5fd);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.6875rem;font-weight:700;display:flex}.ecAmount{color:#0f172a;font-weight:700}.ecDate{color:#94a3b8;font-size:.75rem}.ecStatusBadge{text-transform:uppercase;letter-spacing:.03em;border-radius:8px;align-items:center;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;display:inline-flex}.ecStatusBadge.delivered{color:#059669;background:#ecfdf5}.ecStatusBadge.processing{color:#3b82f6;background:#eff6ff}.ecStatusBadge.shipped{color:#d97706;background:#fef3c7}.ecStatusBadge.pending{color:#e11d48;background:#fff1f2}.ecTableFooter{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.ecTableInfo{color:#94a3b8;font-size:.75rem}.ecPagination{gap:.25rem;display:flex}.ecPageBtn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.ecPageBtn:hover{color:#e11d48;border-color:#fda4af}.ecPageBtn.active{color:#fff;background:linear-gradient(135deg,#e11d48,#f43f5e);border-color:#e11d48}.ecPageIcon{width:12px;height:12px}.ecProductsList{padding:0}.ecProductItem{border-bottom:1px solid #f8f9fc;align-items:center;gap:1rem;padding:.875rem 1.5rem;transition:background-color .15s;display:flex}.ecProductItem:last-child{border-bottom:none}.ecProductItem:hover{background:#fffbfb}.ecProductRank{color:#cbd5e1;min-width:24px;font-size:.75rem;font-weight:800}.ecProductImage{background:linear-gradient(135deg,#fff1f2,#eff6ff);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex}.ecProductInfo{flex:1;min-width:0}.ecProductName{color:#0f172a;margin:0;font-size:.8125rem;font-weight:600}.ecProductCategory{color:#94a3b8;margin:0;font-size:.6875rem}.ecProductStats{text-align:right}.ecProductSold{color:#64748b;margin:0;font-size:.75rem}.ecProductRevenue{color:#0f172a;margin:0;font-size:.8125rem;font-weight:700}.ecProductTrend{border-radius:6px;align-items:center;gap:.125rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.ecProductTrend.up{color:#059669;background:#ecfdf5}.ecProductIcon{color:#e11d48;width:22px;height:22px}.ecReviewsList{padding:0}.ecReviewItem{border-bottom:1px solid #f8f9fc;padding:1rem 1.5rem}.ecReviewItem:last-child{border-bottom:none}.ecReviewHeader{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.ecReviewCustomer{color:#0f172a;font-size:.8125rem;font-weight:600}.ecReviewTime{color:#94a3b8;font-size:.6875rem}.ecReviewStars{align-items:center;gap:.125rem;margin-bottom:.25rem;display:flex}.ecStarIcon{width:16px;height:16px}.ecStarFilled{color:#f59e0b}.ecStarEmpty{color:#e2e8f0}.ecReviewProduct{color:#3b82f6;margin:0 0 .25rem;font-size:.6875rem;font-weight:600}.ecReviewComment{color:#64748b;margin:0;font-size:.8125rem;line-height:1.5}.ecQuickStats{border-top:1px solid #f1f5f9;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.ecQuickStat{border-right:1px solid #f1f5f9;flex-direction:column;align-items:center;padding:1rem;display:flex}.ecQuickStat:last-child{border-right:none}.ecQuickStatValue{color:#e11d48;font-size:1.125rem;font-weight:800}.ecQuickStatLabel{color:#94a3b8;font-size:.6875rem;font-weight:500}@media (max-width:1280px){.ecMetricsGrid{grid-template-columns:repeat(2,1fr)}.ecChartsRow{grid-template-columns:1fr}}@media (max-width:768px){.ecSidebar{display:none}.ecMainContent,.ecMainContent.ecMainExpanded{margin-left:0}.ecMetricsGrid{grid-template-columns:1fr}.ecTopbarSearch,.ecTopbarProfileName{display:none}.ecWelcomeBanner{text-align:center;flex-direction:column;gap:1rem}.ecWelcomeActions{justify-content:center;width:100%}}
.ftDashboardWrapper{color:#e2e8f0;background:#0a0e1a;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.ftSidebar{z-index:100;background:linear-gradient(#0d1117 0%,#0a0e1a 50%,#0d1117 100%);border-right:1px solid #06b6d414;flex-direction:column;width:260px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.ftSidebar.ftSidebarCollapsed{width:76px}.ftSidebarHeader{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:1.25rem 1rem;display:flex}.ftSidebarLogo{align-items:center;gap:.75rem;display:flex}.ftSidebarLogoIcon{background:linear-gradient(135deg,#06b6d4 0%,#8b5cf6 50%,#06b6d4 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #06b6d44d,0 0 40px #8b5cf626}.ftSidebarLogoIcon:after{content:"";background:linear-gradient(135deg,#0000 40%,#fff3 50%,#0000 60%);animation:3s ease-in-out infinite ftShimmer;position:absolute;inset:0}@keyframes ftShimmer{0%,to{transform:translate(-100%)rotate(45deg)}50%{transform:translate(100%)rotate(45deg)}}.ftLogoGlyph{color:#fff;z-index:1;font-size:1.125rem;font-weight:800;position:relative}.ftSidebarLogoText{background:linear-gradient(135deg,#06b6d4,#8b5cf6,#06b6d4) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800;animation:4s infinite ftGradientText}@keyframes ftGradientText{0%,to{background-position:0%}50%{background-position:200%}}.ftSidebarToggle{color:#06b6d4;cursor:pointer;background:#06b6d40d;border:1px solid #06b6d426;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;transition:all .2s;display:flex}.ftSidebarToggle:hover{background:#06b6d426;border-color:#06b6d44d;box-shadow:0 0 12px #06b6d426}.ftSidebarNav{flex-direction:column;flex:1;gap:2px;padding:.75rem .625rem;display:flex;overflow-y:auto}.ftSidebarItem{color:#64748b;cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.ftSidebarItem:hover{color:#94a3b8;background:#06b6d40f}.ftSidebarItem.active{color:#06b6d4;background:linear-gradient(135deg,#06b6d41f 0%,#8b5cf614 100%);border:1px solid #06b6d426;font-weight:600;box-shadow:0 0 15px #06b6d414}.ftSidebarItem.active:before{content:"";background:linear-gradient(#06b6d4,#8b5cf6);border-radius:0 4px 4px 0;width:3px;height:55%;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 8px #06b6d480}.ftSidebarItemIcon{text-align:center;opacity:.8;flex-shrink:0;width:24px;font-size:1rem}.ftSidebarItem.active .ftSidebarItemIcon{opacity:1}.ftSidebarItemLabel{white-space:nowrap;flex:1}.ftSidebarBadge{color:#06b6d4;text-align:center;background:linear-gradient(135deg,#06b6d433,#8b5cf633);border:1px solid #06b6d426;border-radius:6px;min-width:22px;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.ftSidebarFooter{border-top:1px solid #ffffff0a;flex-direction:column;gap:.75rem;padding:.875rem;display:flex}.ftSidebarStatus{background:#10b9810f;border:1px solid #10b9811a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .625rem;display:flex}.ftStatusDot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite ftPulse;box-shadow:0 0 8px #10b98180}@keyframes ftPulse{0%,to{box-shadow:0 0 8px #10b98180}50%{box-shadow:0 0 16px #10b981cc}}.ftStatusInfo{min-width:0}.ftStatusLabel{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.625rem}.ftStatusText{color:#10b981;margin:0;font-size:.75rem;font-weight:600}.ftSidebarUser{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:.75rem;padding:.625rem;display:flex}.ftSidebarUserAvatar{color:#fff;background:linear-gradient(135deg,#06b6d4,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8125rem;font-weight:700;display:flex;position:relative}.ftUserOnline{background:#10b981;border:2px solid #0d1117;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.ftSidebarUserInfo{min-width:0}.ftSidebarUserName{color:#e2e8f0;margin:0;font-size:.8125rem;font-weight:600}.ftSidebarUserRole{color:#64748b;margin:0;font-size:.6875rem}.ftMainContent{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.ftMainContent.ftMainExpanded{margin-left:76px}.ftTopbar{-webkit-backdrop-filter:blur(20px);z-index:50;background:#0d1117d9;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}.ftTopbarLeft{align-items:center;gap:.75rem;display:flex}.ftTopbarTitle{color:#f1f5f9;letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:700}.ftTopbarLive{background:#10b98114;border:1px solid #10b98126;border-radius:6px;align-items:center;gap:.375rem;padding:.25rem .625rem;display:flex}.ftLiveDot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite ftPulse}.ftLiveText{color:#10b981;text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem;font-weight:700}.ftTopbarRight{align-items:center;gap:.5rem;display:flex}.ftTopbarSearch{align-items:center;display:flex;position:relative}.ftSearchIcon{color:#475569;pointer-events:none;font-size:.875rem;position:absolute;left:.875rem}.ftSearchInput{color:#94a3b8;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;outline:none;width:320px;padding:.5rem 4rem .5rem 2.25rem;font-size:.8125rem;transition:all .2s}.ftSearchInput:focus{background:#06b6d40a;border-color:#06b6d44d;box-shadow:0 0 0 3px #06b6d40f}.ftSearchInput::placeholder{color:#334155}.ftSearchShortcut{color:#475569;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;padding:.125rem .375rem;font-family:SF Mono,monospace;font-size:.625rem;font-weight:700;position:absolute;right:.75rem}.ftTopbarBtn{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:relative}.ftTopbarBtn:hover{background:#06b6d414;border-color:#06b6d426}.ftBtnIcon{font-size:.875rem}.ftNotifCount{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #0d1117;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.5625rem;font-weight:800;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 0 8px #ef444466}.ftTopbarDivider{background:#ffffff0f;width:1px;height:28px;margin:0 .375rem}.ftTopbarProfile{cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.375rem .625rem;transition:all .2s;display:flex}.ftTopbarProfile:hover{background:#ffffff08}.ftTopbarAvatar{color:#fff;background:linear-gradient(135deg,#06b6d4,#8b5cf6);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.ftTopbarProfileInfo{flex-direction:column;display:flex}.ftTopbarProfileName{color:#e2e8f0;font-size:.8125rem;font-weight:600}.ftTopbarProfileRole,.ftTopbarChevron{color:#475569;font-size:.625rem}.ftDashboardContent{flex:1;padding:1.5rem}.ftAlertBanner{background:linear-gradient(135deg,#06b6d40f 0%,#8b5cf60a 100%);border:1px solid #06b6d41f;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.ftAlertIcon{flex-shrink:0;font-size:1rem}.ftAlertText{color:#94a3b8;flex:1;font-size:.8125rem}.ftAlertText strong{color:#06b6d4}.ftAlertDismiss{color:#475569;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.875rem;transition:color .2s}.ftAlertDismiss:hover{color:#94a3b8}.ftMetricsGrid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.ftMetricCard{background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;padding:1.25rem 1.5rem;transition:all .3s;position:relative;overflow:hidden}.ftMetricCard:hover{border-color:#ffffff14;transform:translateY(-2px)}.ftMetricGlow{height:1px;position:absolute;top:0;left:0;right:0}.ftMetric-cyan .ftMetricGlow{background:linear-gradient(90deg,#0000,#06b6d4,#0000);box-shadow:0 0 20px #06b6d44d}.ftMetric-purple .ftMetricGlow{background:linear-gradient(90deg,#0000,#8b5cf6,#0000);box-shadow:0 0 20px #8b5cf64d}.ftMetric-green .ftMetricGlow{background:linear-gradient(90deg,#0000,#10b981,#0000);box-shadow:0 0 20px #10b9814d}.ftMetric-blue .ftMetricGlow{background:linear-gradient(90deg,#0000,#3b82f6,#0000);box-shadow:0 0 20px #3b82f64d}.ftMetricCard:hover .ftMetricGlow{height:2px}.ftMetricTop{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}.ftMetricTitle{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.ftMetricChange{border-radius:6px;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.ftMetricChange.up{color:#10b981;background:#10b9811a;border:1px solid #10b98126}.ftMetricChange.down{color:#ef4444;background:#ef44441a;border:1px solid #ef444426}.ftMetricValue{color:#f1f5f9;letter-spacing:-.03em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.ftMetric-cyan .ftMetricValue{text-shadow:0 0 30px #06b6d433}.ftMetric-purple .ftMetricValue{text-shadow:0 0 30px #8b5cf633}.ftMetric-green .ftMetricValue{text-shadow:0 0 30px #10b98133}.ftMetric-blue .ftMetricValue{text-shadow:0 0 30px #3b82f633}.ftMetricBottom{justify-content:space-between;align-items:flex-end;display:flex}.ftMetricSubtitle{color:#475569;font-size:.6875rem}.ftMetricSparkline{width:80px;height:24px}.ftSparklineSvg{width:100%;height:100%}.ftMetric-cyan .ftSparklineSvg{color:#06b6d4}.ftMetric-purple .ftSparklineSvg{color:#8b5cf6}.ftMetric-green .ftSparklineSvg{color:#10b981}.ftMetric-blue .ftSparklineSvg{color:#3b82f6}.ftCard{background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;overflow:hidden}.ftCardHeader{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.ftCardTitle{color:#f1f5f9;letter-spacing:-.02em;margin:0 0 .125rem;font-size:1rem;font-weight:700}.ftCardSubtitle{color:#475569;margin:0;font-size:.75rem}.ftCardControls{background:#ffffff08;border:1px solid #ffffff0a;border-radius:8px;gap:.25rem;padding:.125rem;display:flex}.ftControlBtn{color:#475569;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;border-radius:6px;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;transition:all .2s}.ftControlBtn.active{color:#06b6d4;background:linear-gradient(135deg,#06b6d426,#8b5cf61a);border:1px solid #06b6d426;box-shadow:0 0 10px #06b6d41a}.ftControlBtn:hover:not(.active){color:#94a3b8}.ftCardHeaderActions{align-items:center;gap:.5rem;display:flex}.ftFilterBtn,.ftExportBtn{color:#64748b;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.ftFilterBtn:hover,.ftExportBtn:hover{color:#94a3b8;background:#06b6d40f;border-color:#06b6d41f}.ftViewAllBtn{color:#06b6d4;cursor:pointer;background:linear-gradient(135deg,#06b6d41a,#8b5cf614);border:1px solid #06b6d426;border-radius:8px;padding:.375rem .75rem;font-size:.75rem;font-weight:700;transition:all .2s}.ftViewAllBtn:hover{background:linear-gradient(135deg,#06b6d42e,#8b5cf61f);box-shadow:0 0 12px #06b6d426}.ftMainGrid{grid-template-columns:1.6fr 1fr;gap:1.25rem;margin-bottom:1.5rem;display:grid}.ftChartArea{min-height:260px;padding:1.5rem;position:relative}.ftVolumeChart{z-index:1;align-items:flex-end;gap:1.25rem;width:100%;height:220px;display:flex;position:relative}.ftVolumeBar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.5rem;height:100%;display:flex}.ftVolumeBarInner{cursor:pointer;background:linear-gradient(#06b6d4 0%,#8b5cf699 60%,#06b6d426 100%);border-radius:6px 6px 2px 2px;width:100%;max-width:52px;min-height:8px;transition:all .3s;position:relative;box-shadow:0 0 15px #06b6d41a}.ftVolumeBarInner:hover{filter:brightness(1.15);box-shadow:0 0 25px #06b6d440}.ftVolumeTooltip{color:#06b6d4;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06b6d426;border:1px solid #06b6d44d;border-radius:6px;padding:.25rem .5rem;font-size:.6875rem;font-weight:700;display:none;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.ftVolumeBarInner:hover .ftVolumeTooltip{display:block}.ftVolumeLabel{color:#475569;text-transform:uppercase;font-size:.6875rem;font-weight:600}.ftChartOverlay{pointer-events:none;position:absolute;inset:1.5rem}.ftChartLine{border-top:1px dashed #ffffff0a;position:absolute;left:0;right:0}.ftChartLineLabel{color:#334155;font-family:SF Mono,monospace;font-size:.625rem;position:absolute;top:-8px;right:0}.ftPortfolioList{padding:0}.ftPortfolioItem{border-bottom:1px solid #ffffff08;align-items:center;gap:.875rem;padding:.875rem 1.5rem;transition:background-color .15s;display:flex}.ftPortfolioItem:last-child{border-bottom:none}.ftPortfolioItem:hover{background:#ffffff04}.ftPortfolioInfo{align-items:center;gap:.625rem;min-width:160px;display:flex}.ftPortfolioDot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px}.ftPortfolioName{color:#e2e8f0;margin:0;font-size:.8125rem;font-weight:600}.ftPortfolioRisk{color:#475569;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.625rem}.ftPortfolioAlloc{flex:1;align-items:center;gap:.625rem;display:flex}.ftPortfolioBar{background:#ffffff0a;border-radius:2px;flex:1;height:4px;overflow:hidden}.ftPortfolioBarFill{border-radius:2px;height:100%;transition:width 1s;box-shadow:0 0 8px}.ftPortfolioPercent{color:#94a3b8;text-align:right;min-width:30px;font-size:.75rem;font-weight:700}.ftPortfolioValue{text-align:right;min-width:80px}.ftPortfolioAmount{color:#f1f5f9;font-size:.8125rem;font-weight:700;display:block}.ftPortfolioChange{color:#10b981;font-size:.6875rem;display:block}.ftCardFull{margin-bottom:1.5rem}.ftTableWrapper{overflow-x:auto}.ftTable{border-collapse:collapse;width:100%}.ftTable thead{background:#ffffff05}.ftTable th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #ffffff0a;padding:.75rem 1.25rem;font-size:.625rem;font-weight:700}.ftTable tbody tr{border-bottom:1px solid #ffffff05;transition:background-color .15s}.ftTable tbody tr:last-child{border-bottom:none}.ftTable tbody tr:hover{background:#06b6d405}.ftTable td{color:#94a3b8;vertical-align:middle;padding:.875rem 1.25rem;font-size:.8125rem}.ftTxnId{color:#06b6d4;background:#06b6d40f;border:1px solid #06b6d41a;border-radius:4px;padding:.125rem .5rem;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;font-weight:600}.ftTxnType{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:.25rem .625rem;font-size:.6875rem;font-weight:700}.ftTxnType.transfer{color:#a78bfa;background:#8b5cf61a;border:1px solid #8b5cf626}.ftTxnType.payment{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f626}.ftTxnType.deposit{color:#34d399;background:#10b9811a;border:1px solid #10b98126}.ftTxnType.withdrawal{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b26}.ftTxnParty{color:#e2e8f0;font-weight:500}.ftTxnAmount{font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;font-weight:700}.ftTxnAmount.credit{color:#10b981}.ftTxnAmount.debit{color:#f87171}.ftTxnMethod{color:#64748b;background:#ffffff08;border:1px solid #ffffff0a;border-radius:4px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.ftTxnStatus{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.ftStatusIndicator{border-radius:50%;width:6px;height:6px}.ftTxnStatus.completed{color:#10b981;background:#10b9811a;border:1px solid #10b98126}.ftTxnStatus.completed .ftStatusIndicator{background:#10b981;box-shadow:0 0 6px #10b98180}.ftTxnStatus.processing{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f626}.ftTxnStatus.processing .ftStatusIndicator{background:#3b82f6;animation:2s ease-in-out infinite ftPulse;box-shadow:0 0 6px #3b82f680}.ftTxnStatus.pending{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b26}.ftTxnStatus.pending .ftStatusIndicator{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.ftTxnTime{color:#475569;font-size:.75rem}.ftTableFooter{background:#ffffff03;border-top:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.ftTableInfo{color:#475569;font-size:.75rem}.ftTablePagination{gap:.25rem;display:flex}.ftPageBtn{color:#64748b;cursor:pointer;text-align:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;min-width:32px;padding:.375rem .625rem;font-size:.75rem;font-weight:600;transition:all .15s}.ftPageBtn:hover{color:#06b6d4;border-color:#06b6d433}.ftPageBtn.active{color:#06b6d4;background:linear-gradient(135deg,#06b6d426,#8b5cf61a);border-color:#06b6d433;box-shadow:0 0 10px #06b6d41a}.ftBottomGrid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.ftAlertCount{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b26;border-radius:6px;padding:.25rem .625rem;font-size:.6875rem;font-weight:700}.ftAlertsList{padding:0}.ftAlertItem{border-bottom:1px solid #ffffff08;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;transition:background-color .15s;display:flex}.ftAlertItem:last-child{border-bottom:none}.ftAlertItem:hover{background:#ffffff04}.ftAlertItemIcon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;display:flex}.ftAlert-high .ftAlertItemIcon{color:#ef4444;background:#ef44441a;border:1px solid #ef444426;box-shadow:0 0 10px #ef44441a}.ftAlert-medium .ftAlertItemIcon{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b26}.ftAlert-low .ftAlertItemIcon{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f626}.ftAlertItemContent{flex:1;min-width:0}.ftAlertItemTitle{color:#e2e8f0;margin:0 0 .25rem;font-size:.8125rem;font-weight:600}.ftAlertItemDesc{color:#64748b;margin:0 0 .375rem;font-size:.75rem;line-height:1.5}.ftAlertItemTime{color:#475569;text-transform:uppercase;letter-spacing:.06em;font-size:.625rem}.ftAlertItemAction{color:#06b6d4;cursor:pointer;background:#06b6d414;border:1px solid #06b6d426;border-radius:6px;flex-shrink:0;margin-top:.125rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:700;transition:all .2s}.ftAlertItemAction:hover{background:#06b6d426;box-shadow:0 0 10px #06b6d426}.ftUptimeBadge{color:#10b981;background:#10b98114;border:1px solid #10b9811f;border-radius:6px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:flex}.ftUptimeDot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b98180}.ftApiList{padding:0}.ftApiItem{border-bottom:1px solid #ffffff08;padding:.875rem 1.5rem;transition:background-color .15s}.ftApiItem:last-child{border-bottom:none}.ftApiItem:hover{background:#ffffff04}.ftApiEndpoint{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.ftApiStatus{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ftApiStatus.healthy{background:#10b981;box-shadow:0 0 6px #10b98180}.ftApiStatus.warning{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.ftApiPath{color:#06b6d4;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;font-weight:600}.ftApiStats{gap:1.5rem;padding-left:1.125rem;display:flex}.ftApiStat{flex-direction:column;gap:.125rem;display:flex}.ftApiStatLabel{color:#334155;text-transform:uppercase;letter-spacing:.1em;font-size:.5625rem;font-weight:700}.ftApiStatValue{color:#94a3b8;font-family:SF Mono,monospace;font-size:.8125rem;font-weight:600}@media (max-width:1280px){.ftMetricsGrid{grid-template-columns:repeat(2,1fr)}.ftMainGrid,.ftBottomGrid{grid-template-columns:1fr}}@media (max-width:768px){.ftSidebar{display:none}.ftMainContent,.ftMainContent.ftMainExpanded{margin-left:0}.ftMetricsGrid{grid-template-columns:1fr}.ftTopbarSearch,.ftTopbarProfileInfo,.ftCardHeaderActions{display:none}}
.anDashboardWrapper{background:#f4f2ff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.anSidebar{z-index:100;background:linear-gradient(#1e1b4b 0%,#312e81 100%);flex-direction:column;width:260px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 24px #6366f126}.anSidebar.anSidebarCollapsed{width:76px}.anSidebarHeader{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 1rem;display:flex}.anSidebarLogo{align-items:center;gap:.75rem;display:flex}.anSidebarLogoIcon{background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#14b8a6 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 14px #6366f166}.anSidebarLogoSvg{color:#fff;width:20px;height:20px}.anSidebarLogoText{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.anSidebarToggle{color:#a5b4fc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.anSidebarToggle:hover{background:#ffffff1f;border-color:#fff3}.anToggleIcon{width:14px;height:14px}.anSidebarNav{flex-direction:column;flex:1;gap:2px;padding:.75rem .625rem;display:flex;overflow-y:auto}.anSidebarItem{color:#a5b4fc;cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.anSidebarItem:hover{color:#e0e7ff;background:#ffffff14}.anSidebarItem.active{color:#fff;background:linear-gradient(135deg,#6366f14d 0%,#a855f733 100%);font-weight:600;box-shadow:0 2px 8px #6366f126}.anSidebarItem.active:before{content:"";background:linear-gradient(#6366f1,#a855f7);border-radius:0 4px 4px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.anSidebarItemIcon{stroke-width:1.75px;flex-shrink:0;width:20px;height:20px}.anSidebarItemLabel{white-space:nowrap;flex:1}.anSidebarBadge{color:#c7d2fe;text-align:center;background:#6366f166;border-radius:9999px;min-width:22px;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.anBadgeLive{color:#6ee7b7;background:#10b98140;align-items:center;gap:.25rem;display:inline-flex}.anLiveDot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite anPulse}@keyframes anPulse{0%,to{opacity:1}50%{opacity:.4}}.anSidebarFooter{border-top:1px solid #ffffff14;padding:1rem}.anSidebarUser{background:#ffffff0f;border-radius:12px;align-items:center;gap:.75rem;padding:.625rem;display:flex}.anSidebarUserAvatar{color:#fff;background:linear-gradient(135deg,#6366f1,#14b8a6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8125rem;font-weight:700;display:flex}.anSidebarUserInfo{min-width:0}.anSidebarUserName{color:#e0e7ff;margin:0;font-size:.8125rem;font-weight:600}.anSidebarUserRole{color:#818cf8;margin:0;font-size:.6875rem}.anMainContent{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.anMainContent.anMainExpanded{margin-left:76px}.anTopbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;background:#ffffffd9;border-bottom:1px solid #e9e5f5;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}.anTopbarLeft{flex-direction:column;display:flex}.anTopbarTitle{color:#1e1b4b;letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:700}.anTopbarBreadcrumb{color:#8b8ab0;font-size:.75rem}.anTopbarRight{align-items:center;gap:.625rem;display:flex}.anTopbarSearch{align-items:center;display:flex;position:relative}.anTopbarSearchIcon{color:#8b8ab0;pointer-events:none;width:16px;height:16px;position:absolute;left:.75rem}.anTopbarSearchInput{color:#475569;background:#f4f2ff;border:1px solid #e9e5f5;border-radius:10px;outline:none;width:240px;padding:.5rem .875rem .5rem 2.25rem;font-size:.8125rem;transition:all .2s}.anTopbarSearchInput:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.anTopbarSearchInput::placeholder{color:#a5a3c9}.anTopbarDateRange{color:#4c1d95;cursor:pointer;background:#fff;border:1px solid #e9e5f5;border-radius:10px;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.anTopbarDateRange:hover{background:#f4f2ff;border-color:#a5b4fc}.anDateRangeIcon{color:#6366f1;width:16px;height:16px}.anDateRangeChevron{color:#8b8ab0;width:12px;height:12px}.anTopbarIconBtn{cursor:pointer;background:#fff;border:1px solid #e9e5f5;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:relative}.anTopbarIconBtn:hover{background:#f4f2ff;border-color:#a5b4fc}.anTopbarBtnIcon{color:#6366f1;width:18px;height:18px}.anTopbarNotifDot{background:#f43f5e;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.anTopbarDivider{background:#e9e5f5;width:1px;height:28px;margin:0 .375rem}.anTopbarProfile{cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.375rem .625rem;transition:all .2s;display:flex}.anTopbarProfile:hover{background:#f4f2ff}.anTopbarAvatar{color:#fff;background:linear-gradient(135deg,#6366f1,#14b8a6);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.anTopbarProfileName{color:#1e1b4b;font-size:.8125rem;font-weight:600}.anTopbarChevronIcon{color:#8b8ab0;width:14px;height:14px}.anDashboardContent{flex:1;padding:1.5rem}.anRealtimeBar{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4c1d95 100%);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.875rem 1.5rem;display:flex;position:relative;overflow:hidden}.anRealtimeBar:before{content:"";background:radial-gradient(circle,#6366f133 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-5%}.anRealtimeLeft{z-index:1;align-items:center;gap:.625rem;display:flex;position:relative}.anRealtimePulse{background:#10b981;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite anPulse;box-shadow:0 0 0 3px #10b9814d}.anRealtimeLabel{color:#a5b4fc;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.anRealtimeCount{color:#fff;letter-spacing:-.02em;font-size:1.375rem;font-weight:800}.anRealtimeText{color:#818cf8;font-size:.8125rem}.anRealtimeRight{z-index:1;gap:.75rem;display:flex;position:relative}.anRealtimePage{background:#ffffff14;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:.5rem;padding:.375rem .75rem;display:flex}.anRealtimePageName{color:#c7d2fe;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.6875rem;overflow:hidden}.anRealtimePageUsers{color:#14b8a6;font-size:.75rem;font-weight:700}.anMetricsGrid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.anMetricCard{background:#fff;border:1px solid #e9e5f5;border-radius:14px;padding:1.25rem 1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #6366f10a}.anMetricCard:hover{transform:translateY(-3px);box-shadow:0 8px 25px #6366f11a}.anMetricCard:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.anMetric-indigo:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.anMetric-teal:before{background:linear-gradient(90deg,#14b8a6,#2dd4bf)}.anMetric-purple:before{background:linear-gradient(90deg,#a855f7,#c084fc)}.anMetric-rose:before{background:linear-gradient(90deg,#f43f5e,#fb7185)}.anMetricHeader{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.anMetricTitle{color:#6b7280;font-size:.8125rem;font-weight:500}.anMetricChange{border-radius:6px;align-items:center;gap:.125rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.anMetricChange.up{color:#059669;background:#ecfdf5}.anMetricChange.down{color:#dc2626;background:#fef2f2}.anTrendIcon{width:12px;height:12px}.anMetricValue{color:#1e1b4b;letter-spacing:-.03em;margin-bottom:.375rem;font-size:1.75rem;font-weight:800}.anMetricFooter{justify-content:space-between;align-items:flex-end;display:flex}.anMetricSubtitle{color:#8b8ab0;font-size:.75rem}.anSparkline{width:100px;height:32px}.anCard{background:#fff;border:1px solid #e9e5f5;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #6366f10a}.anCardHeader{border-bottom:1px solid #f4f2ff;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.anCardTitle{color:#1e1b4b;letter-spacing:-.02em;margin:0 0 .125rem;font-size:1rem;font-weight:700}.anCardSubtitle{color:#8b8ab0;margin:0;font-size:.75rem}.anCardActions{background:#f4f2ff;border-radius:8px;gap:.25rem;padding:.125rem;display:flex}.anCardFilter{color:#8b8ab0;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.anCardFilter.active{color:#6366f1;background:#fff;box-shadow:0 1px 3px #6366f11a}.anCardFilter:hover:not(.active){color:#4c1d95}.anCardLink{color:#6366f1;cursor:pointer;background:0 0;border:none;font-size:.8125rem;font-weight:600;transition:color .2s}.anCardLink:hover{color:#4338ca}.anCardHeaderRight{align-items:center;gap:.375rem;display:flex}.anCardHeaderIcon{color:#8b8ab0;width:16px;height:16px}.anCardHeaderMeta{color:#6366f1;font-size:.75rem;font-weight:600}.anChartsRow{grid-template-columns:1.6fr 1fr;gap:1.25rem;margin-bottom:1.5rem;display:grid}.anAreaChartWrapper{gap:0;padding:1rem 1.5rem 1rem 0;display:flex}.anAreaChartYAxis{flex-direction:column;justify-content:space-between;padding:0 .75rem 1.75rem 1rem;display:flex}.anAreaChartYLabel{color:#8b8ab0;text-align:right;min-width:36px;font-size:.625rem}.anAreaChartBody{flex-direction:column;flex:1;display:flex}.anAreaChartSvg{width:100%;height:220px}.anAreaChartXAxis{justify-content:space-between;padding:.5rem 0 0;display:flex}.anAreaChartXLabel{color:#8b8ab0;font-size:.625rem}.anDonutWrapper{justify-content:center;padding:1.25rem 1.5rem .75rem;display:flex}.anDonutChart{width:180px;height:180px}.anDonutSegment{cursor:pointer;transition:opacity .2s}.anDonutSegment:hover{opacity:.85}.anDonutCenterValue{fill:#1e1b4b;font-size:16px;font-weight:800}.anDonutCenterLabel{fill:#8b8ab0;font-size:11px;font-weight:500}.anDonutLegend{flex-direction:column;gap:.5rem;padding:0 1.5rem 1.25rem;display:flex}.anDonutLegendItem{align-items:center;gap:.5rem;display:flex}.anDonutLegendDot{border-radius:3px;flex-shrink:0;width:8px;height:8px}.anDonutLegendName{color:#475569;flex:1;font-size:.8125rem;font-weight:500}.anDonutLegendValue{color:#1e1b4b;font-size:.8125rem;font-weight:700}.anHeatmapWrapper{padding:1rem 1.5rem 1.25rem}.anHeatmapGrid{grid-template-columns:40px repeat(12,1fr);gap:3px;display:grid}.anHeatmapHourLabel{color:#8b8ab0;text-align:center;padding-bottom:.375rem;font-size:.5625rem;font-weight:500}.anHeatmapDayLabel{color:#6b7280;align-items:center;padding-right:.5rem;font-size:.6875rem;font-weight:500;display:flex}.anHeatmapCell{aspect-ratio:1.8;cursor:pointer;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:4px;min-height:24px;transition:all .2s}.anHeatmapCell:hover{z-index:1;transform:scale(1.15);box-shadow:0 2px 8px #6366f14d}.anHeatmapScale{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.anHeatmapScaleLabel{color:#8b8ab0;font-size:.625rem}.anHeatmapScaleBar{background:linear-gradient(90deg,#6366f126,#6366f1,#a855f7);border-radius:4px;width:100px;height:8px}.anFunnelWrapper{flex-direction:column;gap:0;padding:1rem 1.5rem 1.25rem;display:flex}.anFunnelStep{padding-bottom:.5rem;position:relative}.anFunnelBar{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:8px;align-items:center;min-width:80px;height:36px;margin:0 auto;padding:0 .75rem;transition:all .3s;display:flex}.anFunnelBar:hover{opacity:.9;transform:scaleX(1.02)}.anFunnelBarLabel{color:#fff;white-space:nowrap;font-size:.6875rem;font-weight:600}.anFunnelInfo{justify-content:space-between;padding:.25rem .25rem 0;display:flex}.anFunnelValue{color:#1e1b4b;font-size:.75rem;font-weight:700}.anFunnelPercent{color:#6366f1;font-size:.6875rem;font-weight:600}.anFunnelDropoff{justify-content:center;align-items:center;gap:.25rem;padding:.25rem 0;display:flex}.anFunnelDropoff span{color:#f43f5e;font-size:.5625rem;font-weight:600}.anFunnelDropoffIcon{color:#f43f5e;width:10px;height:10px}.anBottomGrid{grid-template-columns:1fr 1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;display:grid}.anTopPagesList{padding:0}.anTopPageItem{border-bottom:1px solid #f4f2ff;align-items:center;gap:.75rem;padding:.75rem 1.5rem;transition:background-color .15s;display:flex}.anTopPageItem:last-child{border-bottom:none}.anTopPageItem:hover{background:#faf9ff}.anTopPageRank{color:#c4b5fd;min-width:18px;font-size:.75rem;font-weight:800}.anTopPageInfo{flex:1;min-width:0}.anTopPagePath{color:#1e1b4b;margin-bottom:.25rem;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;font-weight:600;display:block}.anTopPageBar{background:#f4f2ff;border-radius:2px;height:4px;overflow:hidden}.anTopPageBarFill{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:2px;height:100%;transition:width .6s}.anTopPageStats{text-align:right;flex-shrink:0}.anTopPageViews{color:#1e1b4b;font-size:.8125rem;font-weight:700;display:block}.anTopPageTime{color:#8b8ab0;font-size:.6875rem}.anDevicesList{flex-direction:column;gap:1rem;padding:1rem 1.5rem;display:flex}.anDeviceItem{align-items:flex-start;gap:.75rem;display:flex}.anDeviceIconWrap{background:linear-gradient(135deg,#f4f2ff,#ede9fe);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.anDeviceIcon{color:#6366f1;width:20px;height:20px}.anDeviceInfo{flex:1;min-width:0}.anDeviceNameRow{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.anDeviceName{color:#1e1b4b;font-size:.8125rem;font-weight:600}.anDevicePercent{color:#6366f1;font-size:.8125rem;font-weight:700}.anDeviceBar{background:#f4f2ff;border-radius:3px;height:6px;margin-bottom:.25rem;overflow:hidden}.anDeviceBarFill{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:3px;height:100%;transition:width .6s}.anDeviceSessions{color:#8b8ab0;font-size:.6875rem}.anBrowserStats{border-top:1px solid #f4f2ff;padding:.875rem 1.5rem 1.25rem}.anBrowserStatsTitle{color:#6b7280;margin-bottom:.625rem;font-size:.75rem;font-weight:600}.anBrowserBars{flex-direction:column;gap:.5rem;display:flex}.anBrowserBarItem{flex-direction:column;gap:.1875rem;display:flex}.anBrowserBarRow{justify-content:space-between;align-items:center;display:flex}.anBrowserName{color:#475569;font-size:.6875rem;font-weight:500}.anBrowserValue{color:#1e1b4b;font-size:.6875rem;font-weight:700}.anBrowserBar{background:#f4f2ff;border-radius:2px;height:4px;overflow:hidden}.anBrowserBarFill{border-radius:2px;height:100%;transition:width .6s}.anCountriesList{padding:0}.anCountryItem{border-bottom:1px solid #f4f2ff;align-items:center;gap:.625rem;padding:.75rem 1.5rem;transition:background-color .15s;display:flex}.anCountryItem:last-child{border-bottom:none}.anCountryItem:hover{background:#faf9ff}.anCountryRank{color:#c4b5fd;min-width:14px;font-size:.6875rem;font-weight:800}.anCountryFlag{color:#6366f1;background:linear-gradient(135deg,#f4f2ff,#ede9fe);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:20px;font-size:.625rem;font-weight:700;display:flex}.anCountryInfo{flex:1;min-width:0}.anCountryName{color:#1e1b4b;margin-bottom:.25rem;font-size:.8125rem;font-weight:600;display:block}.anCountryBar{background:#f4f2ff;border-radius:2px;height:4px;overflow:hidden}.anCountryBarFill{background:linear-gradient(90deg,#14b8a6,#6366f1);border-radius:2px;height:100%;transition:width .6s}.anCountryStats{text-align:right;flex-shrink:0}.anCountryVisitors{color:#1e1b4b;font-size:.8125rem;font-weight:700;display:block}.anCountryPercent{color:#8b8ab0;font-size:.6875rem}@media (max-width:1400px){.anBottomGrid{grid-template-columns:1fr 1fr}.anRealtimeRight{display:none}}@media (max-width:1280px){.anMetricsGrid{grid-template-columns:repeat(2,1fr)}.anChartsRow,.anBottomGrid{grid-template-columns:1fr}}@media (max-width:768px){.anSidebar{display:none}.anMainContent,.anMainContent.anMainExpanded{margin-left:0}.anMetricsGrid{grid-template-columns:1fr}.anTopbarSearch,.anTopbarDateRange,.anTopbarProfileName{display:none}.anRealtimeBar{text-align:center;flex-direction:column;gap:.75rem}.anRealtimeRight{display:none}}


*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bgPrimary);color:var(--textPrimary);font-family:"Inter",var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11";font-size:.9375rem;line-height:1.5}.minHeight{min-height:calc(100vh - 4rem)}::selection{background-color:var(--cdBlue);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bgPrimary)}::-webkit-scrollbar-thumb{background:var(--neutral300);border:2px solid var(--bgPrimary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neutral400)}*{scrollbar-width:thin;scrollbar-color:var(--neutral300)var(--bgPrimary)}:focus-visible{outline:2px solid var(--cdBlue);outline-offset:2px}:focus:not(:focus-visible){outline:none}body,.dashboardSidebar,.dashboardTopbar,.adminCard,.adminMetricCard,.statCard,.card{transition:background-color var(--animMedium)ease,border-color var(--animMedium)ease,color var(--animMedium)ease}.page-transitioning{opacity:0;transition:opacity .3s ease-out}main{opacity:1;transition:opacity .3s ease-in}
.swal-popup,.swal-toast-popup{border-radius:var(--radiusLg)!important;box-shadow:var(--shadowXl)!important;border:1px solid var(--borderPrimary)!important;font-family:inherit!important}.swal-popup{padding:2rem!important}.swal-title,.swal-toast-title{color:var(--textPrimary)!important;margin-bottom:1rem!important;font-size:1.5rem!important;font-weight:600!important}.swal-toast-title{margin-bottom:0!important;font-size:1rem!important}.swal-text,.swal2-html-container{color:var(--textSecondary)!important;font-size:1rem!important;line-height:1.6!important}.swal-confirm-button,.swal2-confirm{background-color:var(--cdBlue)!important;color:#fff!important;border-radius:var(--radiusMd)!important;transition:all var(--animFast)var(--easeSmooth)!important;box-shadow:var(--shadowSm)!important;border:none!important;padding:.625rem 1.5rem!important;font-size:.875rem!important;font-weight:500!important}.swal-confirm-button:hover,.swal2-confirm:hover{transform:translateY(-1px);background-color:var(--cdBlueDark)!important;box-shadow:var(--shadowMd)!important}.swal-confirm-button:focus,.swal2-confirm:focus{box-shadow:var(--focusRing)!important}.swal-cancel-button,.swal2-cancel{color:var(--textSecondary)!important;border:1px solid var(--borderPrimary)!important;border-radius:var(--radiusMd)!important;transition:all var(--animFast)var(--easeSmooth)!important;background-color:#0000!important;padding:.625rem 1.5rem!important;font-size:.875rem!important;font-weight:500!important}.swal-cancel-button:hover,.swal2-cancel:hover{background-color:var(--glassBlack5)!important;border-color:var(--borderSecondary)!important}.swal2-icon.swal2-success{border-color:var(--cdGreen)!important}.swal2-icon.swal2-success [class^=swal2-success-line]{background-color:var(--cdGreen)!important}.swal2-icon.swal2-success .swal2-success-ring{border-color:var(--glassGreen20)!important}.swal2-icon.swal2-error{border-color:var(--cdRed)!important}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{background-color:var(--cdRed)!important}.swal2-icon.swal2-warning{border-color:var(--cdYellow)!important;color:var(--cdYellow)!important}.swal2-icon.swal2-info{border-color:var(--cdBlue)!important;color:var(--cdBlue)!important}.swal2-icon.swal2-question{border-color:var(--cdPurple)!important;color:var(--cdPurple)!important}.swal2-timer-progress-bar{background-color:var(--cdBlue)!important}.swal2-toast{padding:1rem!important}.swal2-toast .swal2-icon{margin:0 .75rem 0 0!important}.swal2-loader{border-color:var(--cdBlue)transparent var(--cdBlue)transparent!important}.swal2-close{color:var(--textMuted)!important;transition:color var(--animFast)var(--easeSmooth)!important}.swal2-close:hover{color:var(--textPrimary)!important}.swal2-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--glassBlack40)!important}.swal2-show{animation:swal2-show .3s var(--easeOutBack)!important}.swal2-hide{animation:swal2-hide .15s var(--easeSmooth)forwards!important}[data-theme=dark] .swal-popup,[data-theme=dark] .swal-toast-popup{background-color:var(--bgCard)!important;border-color:var(--borderPrimary)!important}[data-theme=dark] .swal-title,[data-theme=dark] .swal-toast-title{color:var(--textPrimary)!important}[data-theme=dark] .swal-text,[data-theme=dark] .swal2-html-container{color:var(--textSecondary)!important}[data-theme=dark] .swal-confirm-button,[data-theme=dark] .swal2-confirm{background-color:var(--cdBlue)!important}[data-theme=dark] .swal-cancel-button,[data-theme=dark] .swal2-cancel{border-color:var(--borderPrimary)!important;color:var(--textSecondary)!important;background-color:#0000!important}[data-theme=dark] .swal-cancel-button:hover,[data-theme=dark] .swal2-cancel:hover{background-color:var(--glassWhite5)!important}@media (max-width:640px){.swal-popup{width:90%!important;padding:1.5rem!important}.swal-title{font-size:1.25rem!important}.swal-confirm-button,.swal-cancel-button,.swal2-confirm,.swal2-cancel{padding:.5rem 1.25rem!important;font-size:.8125rem!important}}