@layer components{.metric-card{border-width:1px;transition:transform .15s,box-shadow .15s}.metric-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.metric-card .metric-icon{border-radius:.625rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.metric-pink{background:var(--metric-pink-bg);border-color:color-mix(in oklab,var(--metric-pink-fg) 22%,transparent)}.metric-pink .metric-icon{background:color-mix(in oklab,var(--metric-pink-fg) 18%,white);color:var(--metric-pink-fg)}.metric-pink .metric-value{color:var(--metric-pink-fg)}.metric-purple{background:var(--metric-purple-bg);border-color:color-mix(in oklab,var(--metric-purple-fg) 22%,transparent)}.metric-purple .metric-icon{background:color-mix(in oklab,var(--metric-purple-fg) 18%,white);color:var(--metric-purple-fg)}.metric-purple .metric-value{color:var(--metric-purple-fg)}.metric-cyan{background:var(--metric-cyan-bg);border-color:color-mix(in oklab,var(--metric-cyan-fg) 22%,transparent)}.metric-cyan .metric-icon{background:color-mix(in oklab,var(--metric-cyan-fg) 18%,white);color:var(--metric-cyan-fg)}.metric-cyan .metric-value{color:var(--metric-cyan-fg)}.metric-mint{background:var(--metric-mint-bg);border-color:color-mix(in oklab,var(--metric-mint-fg) 22%,transparent)}.metric-mint .metric-icon{background:color-mix(in oklab,var(--metric-mint-fg) 18%,white);color:var(--metric-mint-fg)}.metric-mint .metric-value{color:var(--metric-mint-fg)}.metric-amber{background:var(--metric-amber-bg);border-color:color-mix(in oklab,var(--metric-amber-fg) 22%,transparent)}.metric-amber .metric-icon{background:color-mix(in oklab,var(--metric-amber-fg) 18%,white);color:var(--metric-amber-fg)}.metric-amber .metric-value{color:var(--metric-amber-fg)}.atalho-card{will-change:transform;transition:transform .22s,box-shadow .25s,background .25s,border-color .25s,color .2s}.atalho-card:hover{background:linear-gradient(135deg,color-mix(in oklab,var(--atalho-fg,#ec4899) 92%,white),color-mix(in oklab,var(--atalho-fg,#ec4899) 78%,white));border-color:color-mix(in oklab,var(--atalho-fg,#ec4899) 60%,transparent);box-shadow:0 18px 30px -12px color-mix(in oklab,var(--atalho-fg,#ec4899) 55%,transparent),0 8px 14px -8px color-mix(in oklab,var(--atalho-fg,#ec4899) 40%,transparent),inset 0 1px #ffffff59;transform:translateY(-4px)scale(1.02)}.atalho-card:hover .atalho-title,.atalho-card:hover .atalho-sub,.atalho-card:hover .atalho-icon{opacity:1;color:#fff!important}.atalho-card:hover .atalho-bar{background:#ffffff8c!important}}