.ui-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.ui-card--default{background:var(--bg-card);border:1px solid var(--border-subtle)}.ui-card--glass{background:var(--bg-glass)}.ui-card--elevated,.ui-card--glass{border:1px solid var(--border-default)}.ui-card--elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.ui-card--gradient-border{background:var(--bg-card);border:none}.ui-card--gradient-border:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--gradient-brand);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.ui-card--hoverable{cursor:pointer}@media (hover:hover){.ui-card--hoverable.ui-card--default:hover{background:var(--bg-card-hover);border-color:var(--border-default)}.ui-card--hoverable.ui-card--glass:hover{background:var(--bg-glass-hover);border-color:var(--border-strong)}.ui-card--hoverable.ui-card--elevated:hover{box-shadow:var(--shadow-lg)}}.ui-card--pad-none{padding:0}.ui-card--pad-sm{padding:var(--space-3)}.ui-card--pad-md{padding:var(--space-4)}.ui-card--pad-lg{padding:var(--space-6)}.ui-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.ui-card__body{flex:1}.ui-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}@media (max-width:768px){.ui-card--pad-lg{padding:var(--space-4)}.ui-card--pad-md{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){.ui-card{transition:none}}