@layer components{.card{background:var(--background-secondary, #fff);border-radius:12px;box-shadow:0 2px 8px #00000012;border:1px solid #e5e7eb;padding:var(--container-padding, 20px) var(--container-padding, 24px);margin:0;display:flex;flex-direction:column;gap:12px;transition:box-shadow .18s,border-color .18s}.card:focus-within,.card:hover{box-shadow:0 4px 16px #3b82f61f;border-color:#3b82f6}.card-header{font-size:1.1rem;font-weight:600;margin-bottom:4px;color:var(--text-primary, #1f2937)}.card-content{flex:1 1 auto;color:var(--text-secondary, #374151);font-size:1rem}.card-actions{display:flex;gap:8px;margin-top:8px;align-items:center}.card-actions .btn-primary{flex:1}.card-action-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:7px 16px;font-size:.95rem;cursor:pointer;transition:background .15s}.card-action-btn:hover,.card-action-btn:focus{background:#2563eb;outline:2px solid #2563eb}.simulation-quick-start-btn{background:var(--color-secondary)!important;color:var(--color-white)!important;border:none!important;border-radius:var(--radius-md)!important;padding:var(--spacing-2) var(--spacing-3)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.simulation-quick-start-btn:hover{background:var(--color-secondary-dark)!important;transform:translateY(-1px)}.simulation-quick-start-btn:focus{outline:2px solid var(--color-secondary);outline-offset:2px}body.dark-mode .card{background:var(--theme-bg-secondary);border:1px solid var(--theme-border);box-shadow:0 2px 8px #0000004d}body.dark-mode .card:focus-within,body.dark-mode .card:hover{box-shadow:0 4px 16px var(--theme-shadow-hover);border-color:var(--color-primary)}body.dark-mode .card-header{color:var(--theme-text-primary)}body.dark-mode .card-content{color:var(--theme-text-secondary)}body.dark-mode .card-action-btn{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}body.dark-mode .card-action-btn:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}body.dark-mode .card-action-btn.btn-secondary{background:var(--theme-bg-primary);color:var(--theme-text-primary);border:1px solid var(--theme-border)}body.dark-mode .card-action-btn.btn-secondary:hover{background:var(--theme-bg-secondary);border-color:var(--theme-border-hover)}body.dark-mode .simulation-quick-start-btn{background:var(--color-secondary)!important;color:#fff!important;border:1px solid var(--color-secondary)!important}body.dark-mode .simulation-quick-start-btn:hover{background:var(--color-secondary-dark)!important;border-color:var(--color-secondary-dark)!important}body.dark-mode .simulation-quick-start-btn:focus{outline:2px solid var(--color-secondary)!important}body.dark-mode .card.card-primary{border-color:var(--color-primary);background:#4a9eff0d}body.dark-mode .card.card-success{border-color:var(--color-success);background:#4caf500d}body.dark-mode .card.card-warning{border-color:var(--color-warning);background:#ffc1070d}body.dark-mode .card.card-error{border-color:var(--color-error);background:#f443360d}}@layer utilities{.loader-spinner{display:inline-block;width:48px;height:48px;border:4px solid var(--loader-bg, #e0e0e0);border-top:4px solid var(--loader-fg, #1a73e8);border-radius:50%;animation:loader-spin 1s linear infinite;box-sizing:border-box}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-spinner[hidden]{display:none!important}.loader-spinner.centered{display:block;margin:2rem auto}body.dark-mode .loader-spinner{border:4px solid var(--theme-border);border-top:4px solid var(--color-primary)}body.dark-mode .loader-spinner.success{border-top-color:var(--color-success)}body.dark-mode .loader-spinner.warning{border-top-color:var(--color-warning)}body.dark-mode .loader-spinner.error{border-top-color:var(--color-error)}body.dark-mode .loader-spinner.info{border-top-color:var(--color-info)}}