.calm-showcase-figure{width:100%;max-width:1000px;margin:48px auto 0;text-align:left}.calm-showcase-frame{position:relative;aspect-ratio:60/37;overflow:hidden;border:1px solid #dce3d8;border-radius:18px;background:#f7f9f4;box-shadow:0 18px 60px #21362812}.calm-showcase-canvas{position:absolute;top:0;left:0;transform-origin:top left;height:740px;display:flex;background:hsl(var(--background))}.calm-showcase-sidebar{flex:0 0 210px;padding:32px 17px;background:hsl(var(--card));border-right:1px solid hsl(var(--border))}.calm-showcase-sidebar>.calm-brand{font-size:21px;padding:5px 8px;margin-bottom:37px}.calm-showcase-sidebar .calm-navigation span{display:flex;align-items:center;gap:11px;padding:13px;border-radius:8px;color:hsl(var(--muted-foreground));font-size:14px}.calm-showcase-sidebar .calm-navigation .is-active{color:hsl(var(--accent-foreground));background:hsl(var(--accent));font-weight:600}.calm-showcase-main{flex:1;min-width:0;padding:28px}.calm-showcase-main .calm-page-heading{margin-bottom:22px;animation:none}.calm-showcase-main .calm-page-heading h2{font-size:26px}.calm-showcase-add{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:8px;font-size:13px;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.calm-showcase-summary{display:grid;grid-template-columns:1.6fr 1fr;gap:17px;margin-bottom:24px}.calm-showcase-summary .calm-budget,.calm-showcase-summary .calm-hero{min-height:196px;padding:21px}.calm-showcase-summary .calm-hero-value{font-size:48px;margin:12px 0 23px}.calm-showcase-summary .calm-hero-footer{font-size:12px;gap:8px}.calm-showcase-summary .calm-budget-content{gap:16px}.calm-showcase-summary .calm-budget-ring{width:70px;height:70px}.calm-showcase-summary .calm-budget-ring>span{width:56px;height:56px;font-size:24px}.calm-showcase-summary .calm-budget-copy strong{font-size:24px}.calm-showcase-summary .calm-budget-copy p{font-size:12px}.calm-showcase-main .calm-upcoming-heading{margin-bottom:14px}.calm-showcase-main .calm-payment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.calm-showcase-main .calm-payment-card{padding:16px}.calm-showcase-main .calm-payment-top{margin-bottom:16px}.calm-showcase-main .calm-payment-bottom{flex-direction:row;gap:4px}.calm-showcase-main .calm-payment-bottom strong{font-size:21px}.calm-showcase-main .calm-payment-bottom>span{font-size:11px}.calm-showcase-main .calm-payment-grid .sk-service-mark{width:34px;height:34px}.calm-showcase-main .calm-payment-grid a[target=_blank]{display:none}.calm-showcase-main .calm-payment-bottom .pr-6{padding-right:0}.calm-showcase-insights{display:grid;grid-template-columns:1.4fr 1fr;gap:17px;margin-top:24px}.calm-showcase-insights .calm-panel{padding:19px}.calm-showcase-insights .calm-donut{width:120px;height:120px}.calm-showcase-insights .calm-chart-layout{gap:18px}.calm-showcase-insights .calm-chart-legend{gap:10px}.calm-showcase-insights .calm-chart-legend>div{font-size:12px}.calm-showcase-mobile-brand{display:none}.calm-showcase-figure figcaption{color:hsl(var(--muted-foreground));text-align:center;font-size:12px;margin-top:12px}.calm-showcase-mobile{height:560px}.calm-showcase-mobile .calm-showcase-sidebar{display:none}.calm-showcase-mobile .calm-showcase-main{padding:0 18px 20px}.calm-showcase-mobile .calm-showcase-mobile-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:600;height:64px;margin-bottom:20px;border-bottom:1px solid hsl(var(--border))}.calm-showcase-mobile .calm-page-heading h2{font-size:24px}.calm-showcase-mobile .calm-showcase-add{display:none}.calm-showcase-mobile .calm-showcase-summary{grid-template-columns:1fr;gap:14px}.calm-showcase-mobile .calm-hero{min-height:193px}.calm-showcase-mobile .calm-budget{min-height:165px}.calm-showcase-mobile .calm-budget-content{justify-content:space-between}.calm-showcase-mobile .calm-showcase-insights,.calm-showcase-mobile .calm-showcase-main>section{display:none}@media (max-width:640px){.calm-showcase-frame{aspect-ratio:39/56;border-radius:16px}.calm-showcase-figure{margin-top:32px}}