.price-alert-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:2px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--bg-secondary, #f8fafc);color:var(--text-primary, #334155);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.price-alert-btn:hover:not(:disabled){border-color:var(--primary, #3b82f6);background:var(--primary-light, #eff6ff);color:var(--primary, #3b82f6)}.price-alert-btn:disabled{opacity:.6;cursor:not-allowed}.price-alert-btn.active{border-color:var(--success, #22c55e);background:var(--success-light, #f0fdf4);color:var(--success, #22c55e)}.price-alert-btn.active:hover:not(:disabled){border-color:var(--danger, #ef4444);background:var(--danger-light, #fef2f2);color:var(--danger, #ef4444)}.price-alert-btn .alert-icon{width:20px;height:20px;flex-shrink:0}.price-alert-btn .alert-price{font-size:.85rem;opacity:.8;padding-left:.5rem;border-left:1px solid currentColor;margin-left:.25rem}.price-alert-btn.compact{padding:.5rem .875rem;font-size:.85rem;gap:.375rem}.price-alert-btn.compact .alert-icon{width:16px;height:16px}.price-alert-btn.icon-only{padding:.625rem;border-radius:50%;width:40px;height:40px;justify-content:center}.price-alert-btn.icon-only .alert-icon{width:18px;height:18px}.spinner,.spinner-small{border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.spinner{width:18px;height:18px}.spinner-small{width:14px;height:14px}@keyframes spin{to{transform:rotate(360deg)}}.price-alert-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.price-alert-modal{background:var(--bg-primary, #ffffff);border-radius:12px;padding:1.5rem;max-width:420px;width:100%;position:relative;box-shadow:0 20px 40px #00000026;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.price-alert-modal h3{margin:0 0 .25rem;font-size:1.25rem;color:var(--text-primary, #1e293b)}.price-alert-modal .modal-subtitle{margin:0 0 1.25rem;font-size:.9rem;color:var(--text-secondary, #64748b)}.modal-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border:none;background:var(--bg-secondary, #f1f5f9);border-radius:50%;font-size:1.25rem;line-height:1;cursor:pointer;color:var(--text-secondary, #64748b);transition:all .2s ease}.modal-close:hover{background:var(--bg-tertiary, #e2e8f0);color:var(--text-primary, #1e293b)}.current-price-info{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:var(--bg-secondary, #f8fafc);border-radius:8px;margin-bottom:1.25rem;font-size:.95rem}.current-price-info span{color:var(--text-secondary, #64748b)}.current-price-info strong{color:var(--text-primary, #1e293b);font-size:1.1rem}.price-alert-modal .form-group{margin-bottom:1rem}.price-alert-modal label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:var(--text-primary, #1e293b)}.price-input-wrapper{position:relative;display:flex;align-items:center}.price-input-wrapper .currency-symbol{position:absolute;left:1rem;color:var(--text-secondary, #64748b);font-size:1rem;font-weight:500}.price-input-wrapper input{width:100%;padding:.875rem 1rem .875rem 2.25rem;border:2px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:1.1rem;font-weight:500;color:var(--text-primary, #1e293b);background:var(--bg-primary, #ffffff);transition:border-color .2s ease}.price-input-wrapper input:focus{outline:none;border-color:var(--primary, #3b82f6)}.price-input-wrapper input::placeholder{color:var(--text-muted, #94a3b8)}.savings-preview{display:block;margin-top:.5rem;font-size:.85rem;color:var(--success, #22c55e)}.alert-error{padding:.75rem 1rem;background:var(--danger-light, #fef2f2);color:var(--danger, #ef4444);border-radius:8px;font-size:.875rem;margin-bottom:1rem}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.modal-actions .btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-actions .btn-outline{background:transparent;border:2px solid var(--border-color, #e2e8f0);color:var(--text-secondary, #64748b)}.modal-actions .btn-outline:hover{border-color:var(--text-secondary, #64748b);color:var(--text-primary, #1e293b)}.modal-actions .btn-primary{background:var(--primary, #3b82f6);border:2px solid var(--primary, #3b82f6);color:#fff}.modal-actions .btn-primary:hover:not(:disabled){background:var(--primary-dark, #2563eb);border-color:var(--primary-dark, #2563eb)}.modal-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(prefers-color-scheme:dark){.price-alert-modal{background:var(--bg-primary, #1e293b)}.price-input-wrapper input{background:var(--bg-secondary, #334155)}}@media(max-width:480px){.price-alert-modal{padding:1.25rem;margin:.5rem}.modal-actions{flex-direction:column}}
