.analytics-preview-card{border:1px solid var(--color-border);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0f0f0f);border-radius:16px;min-height:340px;margin-bottom:3rem;padding:2.5rem;position:relative;overflow:hidden}.card-content-wrapper{z-index:2;position:relative}.card-description{max-width:580px;margin-bottom:1rem}.mini-dashboard-preview{z-index:1;pointer-events:none;width:640px;position:absolute;bottom:-180px;right:-80px}.mini-dashboard{border:7px solid var(--color-border);background:var(--lightningcss-light,#f9fafb)var(--lightningcss-dark,#1a1a1a);border-radius:12px;padding:1.25rem;transition:all .3s;transform:rotate(-6deg);box-shadow:0 12px 35px var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#00000080),inset 0 0 0 1px var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#ffffff14)}.analytics-preview-card:hover .mini-dashboard{transform:rotate(-5deg)scale(1.02);box-shadow:0 16px 40px var(--lightningcss-light,#00000024)var(--lightningcss-dark,#0000008c),inset 0 0 0 1px var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff1a)}.dashboard-header{background:var(--lightningcss-light,#f3f4f6cc)var(--lightningcss-dark,#18181bcc);border-bottom:1px solid var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#ffffff14);border-radius:6px 6px 0 0;align-items:center;gap:12px;margin:-1.25rem -1.25rem 1rem;padding:12px 16px;display:flex}.dashboard-dots{gap:6px;display:flex}.dashboard-dots .dot{border-radius:50%;width:11px;height:11px}.dashboard-dots .dot:first-child{background:#ef4444}.dashboard-dots .dot:nth-child(2){background:#f59e0b}.dashboard-dots .dot:nth-child(3){background:#10b981}.dashboard-title{color:var(--lightningcss-light,#111827e6)var(--lightningcss-dark,#f3f4f6f2);font-size:13px;font-weight:600}.dashboard-body{flex-direction:column;gap:14px;display:flex}.metric-row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.metric{background:var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#27272ab3);border:1px solid var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff1a);border-radius:10px;padding:12px}.metric-label{color:var(--lightningcss-light,#6b7280)var(--lightningcss-dark,#9ca3af);margin-bottom:6px;font-size:11px;font-weight:500}.metric-value{color:var(--lightningcss-light,#111827)var(--lightningcss-dark,#f3f4f6);font-size:20px;font-weight:700;line-height:1}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.stat-card{background:var(--lightningcss-light,#fffc)var(--lightningcss-dark,#27272acc);border:1px solid var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff1a);border-radius:10px;padding:10px}.stat-label{color:var(--lightningcss-light,#6b7280)var(--lightningcss-dark,#9ca3af);margin-bottom:5px;font-size:10px;font-weight:500}.stat-value{color:var(--lightningcss-light,#111827)var(--lightningcss-dark,#f3f4f6);font-size:18px;font-weight:700;line-height:1}.activity-list{flex-direction:column;gap:8px;display:flex}.activity-item{color:var(--lightningcss-light,#374151)var(--lightningcss-dark,#d1d5db);background:var(--lightningcss-light,#f9fafbcc)var(--lightningcss-dark,#1f1f23cc);border:1px solid var(--lightningcss-light,#0000000a)var(--lightningcss-dark,#ffffff0f);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.4}.chart-container{align-items:flex-end;gap:8px;height:100px;margin-top:8px;padding:8px 0;display:flex}.chart-bar{background:linear-gradient(180deg,var(--color-primary)0%,#3b82f6 100%);border-radius:4px;flex:1;min-height:20px;transition:all .3s}.chart-bar:hover{opacity:.8;transform:translateY(-2px)}.chart-bar-info{background:linear-gradient(#0ea5e9 0%,#06b6d4 100%)}.chart-bar-purple{background:linear-gradient(#a855f7 0%,#8b5cf6 100%)}.metric-primary{background:var(--lightningcss-light,#6366f114)var(--lightningcss-dark,#6366f126);border-color:var(--lightningcss-light,#6366f133)var(--lightningcss-dark,#6366f14d)}.metric-success{background:var(--lightningcss-light,#22c55e14)var(--lightningcss-dark,#22c55e26);border-color:var(--lightningcss-light,#22c55e33)var(--lightningcss-dark,#22c55e4d)}.metric-info{background:var(--lightningcss-light,#0ea5e914)var(--lightningcss-dark,#0ea5e926);border-color:var(--lightningcss-light,#0ea5e933)var(--lightningcss-dark,#0ea5e94d)}.metric-secondary{background:var(--lightningcss-light,#6b728014)var(--lightningcss-dark,#6b728026);border-color:var(--lightningcss-light,#6b728033)var(--lightningcss-dark,#6b72804d)}.metric-purple{background:var(--lightningcss-light,#a855f714)var(--lightningcss-dark,#a855f726);border-color:var(--lightningcss-light,#a855f733)var(--lightningcss-dark,#a855f74d)}.metric-trend{color:var(--color-success);margin-top:4px;font-size:11px;font-weight:600}.stat-card-primary{background:var(--lightningcss-light,#6366f11a)var(--lightningcss-dark,#6366f133);border-color:var(--lightningcss-light,#6366f14d)var(--lightningcss-dark,#6366f166)}.stat-card-success{background:var(--lightningcss-light,#22c55e1a)var(--lightningcss-dark,#22c55e33);border-color:var(--lightningcss-light,#22c55e4d)var(--lightningcss-dark,#22c55e66)}.stat-card-info{background:var(--lightningcss-light,#0ea5e91a)var(--lightningcss-dark,#0ea5e933);border-color:var(--lightningcss-light,#0ea5e94d)var(--lightningcss-dark,#0ea5e966)}.stat-card-warning{background:var(--lightningcss-light,#eab3081a)var(--lightningcss-dark,#eab30833);border-color:var(--lightningcss-light,#eab3084d)var(--lightningcss-dark,#eab30866)}.stat-card-danger{background:var(--lightningcss-light,#ef44441a)var(--lightningcss-dark,#ef444433);border-color:var(--lightningcss-light,#ef44444d)var(--lightningcss-dark,#ef444466)}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}@media (max-width:920px){.analytics-preview-card{min-height:auto;padding:1.75rem;transition:transform .3s,box-shadow .3s}.analytics-preview-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#0006)}.mini-dashboard-preview{display:none}.card-description{max-width:100%}.analytics-preview-card:before{content:"";opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 100% 0,var(--lightningcss-light,#6366f108)var(--lightningcss-dark,#6366f114),#0000 60%);transition:opacity .3s;position:absolute;inset:0}.analytics-preview-card:hover:before{opacity:1}.analytics-preview-card:hover .w-14{transition:transform .3s;transform:scale(1.1)rotate(5deg)}.w-14{transition:transform .3s}}@media (max-width:640px){.analytics-preview-card{padding:1.25rem;transition:transform .3s,box-shadow .3s}.analytics-preview-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px var(--lightningcss-light,#00000014)var(--lightningcss-dark,#0000004d)}.mini-dashboard-preview{display:none}.card-description{max-width:100%}.analytics-preview-card:before{content:"";opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 100% 0,var(--lightningcss-light,#6366f108)var(--lightningcss-dark,#6366f114),#0000 60%);transition:opacity .3s;position:absolute;inset:0}.analytics-preview-card:hover:before{opacity:1}.analytics-preview-card:hover .w-14{transition:transform .3s;transform:scale(1.08)rotate(3deg)}.w-14{transition:transform .3s}.dashboard-stats{grid-template-columns:1fr;gap:8px}.metric-row{grid-template-columns:1fr}}