.card{background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-default);border-radius:var(--card-radius);box-shadow:var(--card-shadow-default);margin-bottom:var(--space-md);overflow:hidden;position:relative;transition:var(--transition-shadow),var(--transition-transform),var(--transition-colors)}.card:hover{box-shadow:var(--card-shadow-hover)}.card-header:focus,
.card-header:focus-visible{background:var(--bg-hover);box-shadow:inset 0 0 0 3px var(--focus-ring-color);outline:none}.card-header-content{display:flex;flex:1;flex-direction:column;gap:var(--space-xs)}.card-body{background:var(--bg-surface);padding:var(--card-padding-base)}.card-body:last-child{border-bottom-left-radius:var(--card-radius);border-bottom-right-radius:var(--card-radius)}.card-footer{background:var(--bg-secondary);border-bottom-left-radius:var(--card-radius);border-bottom-right-radius:var(--card-radius);border-top:var(--border-width-medium) solid var(--border-default);padding:var(--card-padding-base)}.card-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.2;margin:0}.card-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0}.card-text{color:var(--text-primary);line-height:1.5;margin:0}.card-link{color:var(--interactive-primary);text-decoration:none;transition:var(--transition-colors)}.card-link:hover{color:var(--interactive-primary-hover);text-decoration:underline}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.card--interactive:active{transform:translateY(-1px)}.card--collapsible .card-header{cursor:pointer;user-select:none}.card--collapsible.collapsed{box-shadow:var(--card-shadow-minimal)}.card--collapsible.collapsed:hover{box-shadow:var(--card-shadow-default);transform:translateY(-1px)}.card-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xl);justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-xs);transition:var(--transition-colors),var(--transition-transform)}.card-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.card-toggle:focus,
.card-toggle:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-ring-color);outline:none}.card--collapsible:not(.collapsed) .card-toggle{transform:rotate(90deg)}.card--collapsible.collapsed .card-toggle{transform:rotate(0deg)}.builder-card.always-visible .card-toggle,
.dashboard-card.always-visible .card-toggle{display:none}
.builder-card:not(.collapsed) .card-toggle,.dashboard-card:not(.collapsed) .card-toggle{transform:rotate(90deg)}
.builder-card.collapsed .card-toggle,.card--collapsible.collapsed .card-toggle:hover,.dashboard-card.collapsed .card-toggle{transform:rotate(0deg)}.card--sm{border-radius:var(--card-radius-sm)}
.card--sm .card-body,
.card--sm .card-footer,.card--sm .card-header{padding:var(--card-padding-sm)}.card--sm .card-title{font-size:var(--font-size-lg)}
.card--lg .card-body,
.card--lg .card-footer,.card--lg .card-header{padding:var(--card-padding-lg)}.card--lg .card-title{font-size:var(--font-size-2xl)}.card--collapsible.collapsed .card-body,
.card--collapsible.collapsed .card-footer{display:none}.dashboard-card{background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-default);border-radius:var(--card-radius);box-shadow:var(--card-shadow-default);margin-bottom:var(--space-md);overflow:hidden;transition:var(--transition-shadow),var(--transition-transform)}.dashboard-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.dashboard-card.collapsed{box-shadow:var(--card-shadow-minimal)}.dashboard-card.collapsed:hover{box-shadow:var(--card-shadow-default);transform:translateY(-1px)}.builder-card{background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-default);border-radius:var(--card-radius);box-shadow:var(--card-shadow-default);margin-bottom:var(--space-md);overflow:hidden;transition:var(--transition-shadow),var(--transition-transform)}.builder-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.builder-card.collapsed{box-shadow:var(--card-shadow-minimal)}.builder-card.collapsed:hover{box-shadow:var(--card-shadow-default);transform:translateY(-1px)}.category-card{background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:var(--card-radius);cursor:pointer;margin-bottom:var(--space-md);padding:var(--card-padding-lg);position:relative;transition:var(--transition-all)}.category-card:hover{border-color:var(--interactive-primary);box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-4px)}.category-card:focus,
.category-card:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-ring-color);outline:none}.expandable-card{background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-default);border-radius:var(--card-radius);box-shadow:var(--card-shadow-minimal);margin-bottom:var(--space-md);overflow:hidden;transition:var(--transition-all)}.expandable-card:hover{box-shadow:var(--card-shadow-default)}.category-card.dragging{opacity:.5;transform:rotate(2deg)}.category-card.drag-over{border-color:var(--interactive-primary);box-shadow:inset 0 0 0 3px rgba(74,144,184,.5)}.drag-handle{align-items:center;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:grab;display:flex;font-size:1.2em;height:2rem;justify-content:center;left:var(--space-xs);position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-colors);width:2rem}.drag-handle:hover{background:var(--bg-hover);color:var(--text-secondary)}.drag-handle:active{cursor:grabbing}.card-group{display:flex;flex-direction:column;gap:var(--space-md)}.card-deck{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card-columns{column-count:1;column-fill:balance;column-gap:var(--space-md)}.card--loading{opacity:.6;pointer-events:none}.card--disabled{cursor:not-allowed;opacity:.5}.card--selected{border-color:var(--interactive-primary);box-shadow:inset 0 0 0 3px var(--interactive-primary)}.card--error{background:var(--state-error-bg);border-color:var(--state-error-border)}.card--success{background:var(--state-success-bg);border-color:var(--state-success-border)}.card--warning{background:var(--state-warning-bg);border-color:var(--state-warning-border)}@media (width < 768px){.card-deck{grid-template-columns:1fr}.card-columns{column-count:1}
    .card-body,
    .card-footer,.card-header{padding:var(--card-padding-sm)}.card-title{font-size:var(--font-size-lg)}}@media (width >= 768px){.card-deck--responsive{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.card-columns--responsive{column-count:2}}@media (width >= 1200px){.card-columns--responsive{column-count:3}}@media (prefers-reduced-motion:reduce){
    .builder-card,.card,
    .card--interactive,
    .category-card,
    .dashboard-card,
    .expandable-card{transition:none}
    .builder-card:hover,.card--interactive:hover,
    .category-card:hover,
    .dashboard-card:hover{transform:none}.card-toggle{transition:none}}@media (prefers-contrast:high){.card{border-width:var(--border-width-thick)}.card-header{border-bottom-width:var(--border-width-thick)}.card-footer{border-top-width:var(--border-width-thick)}}
.builder-card .card-header:focus,
.builder-card .card-header:focus-visible,.dashboard-card .card-header:focus,
.dashboard-card .card-header:focus-visible{background:var(--bg-hover);box-shadow:inset 0 0 0 3px var(--focus-ring-color);outline:none}.card-img-top{border-top-left-radius:var(--card-radius);border-top-right-radius:var(--card-radius);width:100%}.card-img-bottom{border-bottom-left-radius:var(--card-radius);border-bottom-right-radius:var(--card-radius);width:100%}.card-img-overlay{background:rgba(0,0,0,.4);border-radius:var(--card-radius);color:var(--text-inverse);inset:0;padding:var(--card-padding-base);position:absolute}