.ui-card{border-radius:var(--radius);transition:all var(--transition-base);padding:1.5rem;position:relative;overflow:hidden}.ui-card--default{background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:var(--shadow)}.ui-card--default:hover{box-shadow:var(--shadow-md)}.ui-card--glass{background:hsl(var(--card) / .7);-webkit-backdrop-filter:blur(12px);border:1px solid hsl(var(--border) / .5);box-shadow:0 8px 32px #00000014}.ui-card--glass:hover{box-shadow:0 12px 40px #0000001f}.ui-card--hover{cursor:pointer}.ui-card--hover:hover{transform:translateY(-2px)}.ui-card--hover:active{transform:translateY(0)}.ui-card--glow:before{content:"";background:var(--gradient-glow);opacity:0;height:100%;transition:opacity var(--transition-base);pointer-events:none;position:absolute;top:0;left:0;right:0}.ui-card--glow:hover:before{opacity:1}.ui-card--accent{border-left:3px solid hsl(var(--primary))}.ui-card--accent-success{border-left:3px solid hsl(var(--success))}.ui-card--accent-warning{border-left:3px solid hsl(var(--warning))}.ui-card--accent-danger{border-left:3px solid hsl(var(--destructive))}.ui-card--animated{animation:.4s backwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.ui-card{padding:1.25rem}}@media (max-width:480px){.ui-card{padding:1rem}}