:root{--alerts-card-padding:clamp(1rem,2vw,1.5rem);--alerts-border-radius:8px;--alerts-modal-radius:12px;--alerts-transition:0.2s ease}.alerts-container{max-width:min(900px,95%);margin:0 auto;padding:clamp(1rem,2.5vw,2rem)}.alerts-header{margin-bottom:clamp(1.5rem,3vw,2rem)}.alerts-title{font-size:clamp(1.5rem,3vw + 0.5rem,2rem);font-weight:700;color:var(--text-primary);margin:0 0 clamp(0.25rem,0.75vw,0.5rem);line-height:1.2}.alerts-subtitle{font-size:clamp(0.875rem,1.5vw + 0.25rem,1rem);color:var(--text-secondary);margin:0}.alerts-tabs{display:flex;gap:clamp(0.5rem,1vw,1rem);margin-bottom:clamp(1.5rem,2.5vw,2rem);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.alerts-tabs::-webkit-scrollbar{display:none}.alerts-tabs__tab{padding:clamp(0.75rem,1.5vw,1rem) clamp(1rem,1.5vw,1.25rem);background:none;border:none;border-bottom:3px solid transparent;font-size:clamp(0.875rem,1.3vw,1rem);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color var(--alerts-transition),border-color var(--alerts-transition);white-space:nowrap;flex-shrink:0;position:relative;margin-bottom:-1px}.alerts-tabs__tab:hover{color:var(--text-primary)}.alerts-tabs__tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.alerts-tabs__tab--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.alerts-tabs__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;background:var(--accent);color:var(--bg-primary);font-size:0.75rem;font-weight:700;border-radius:10px;line-height:1}.alerts-tabs__tab--active .alerts-tabs__badge{background:var(--accent);color:var(--bg-primary)}.alerts-list{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.alert-card{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:clamp(1rem,2vw,1.5rem);padding:var(--alerts-card-padding);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--alerts-border-radius);transition:all var(--alerts-transition)}.alert-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-sm)}.alert-card__image{width:clamp(48px,8vw,64px);height:clamp(48px,8vw,64px);object-fit:contain;padding:4px;border-radius:var(--alerts-border-radius);flex-shrink:0;background:var(--bg-tertiary)}.alert-card__info{display:flex;flex-direction:column;gap:clamp(0.5rem,1vw,0.75rem);min-width:0}.alert-card__name{margin:0;font-size:clamp(0.95rem,1.3vw,1.1rem);font-weight:600;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.alert-card__prices{display:flex;align-items:center;gap:clamp(1rem,2vw,1.5rem);flex-wrap:wrap;font-size:clamp(0.8125rem,1.2vw,0.9rem)}.alert-card__reference{color:var(--text-secondary)}.alert-card__reference::before{content:'Ref:';font-weight:500}.alert-card__current{color:var(--text-primary);font-weight:600}.alert-card__current::before{content:'Nu:';font-weight:500;color:var(--text-secondary)}.alert-card__threshold{font-size:clamp(0.75rem,1.1vw,0.875rem);color:var(--text-muted);padding:0.25rem 0.75rem;background:var(--bg-tertiary);border-radius:4px;width:fit-content}.alert-card__status{display:flex;align-items:center;gap:clamp(0.5rem,1vw,0.75rem)}.alert-card__badge{display:inline-flex;align-items:center;justify-content:center;padding:0.375rem 0.75rem;border-radius:9999px;font-size:clamp(0.6875rem,1vw,0.8125rem);font-weight:600;text-transform:uppercase;letter-spacing:0.03em;white-space:nowrap;background:var(--bg-tertiary);color:var(--text-secondary)}.alert-card__badge--active{background:var(--success-bg);color:var(--success)}.alert-card__badge--inactive{background:var(--bg-tertiary);color:var(--text-muted)}.alert-card__badge--triggered{background:var(--accent-light);color:var(--accent)}.alert-card__badge--expired{background:var(--error-bg);color:var(--error)}.alert-card__actions{display:flex;gap:clamp(0.5rem,1vw,0.75rem);flex-shrink:0}.alert-card__btn{padding:0.5rem clamp(0.75rem,1.2vw,1rem);background:var(--bg-tertiary);border:none;border-radius:6px;font-size:clamp(0.75rem,1vw,0.875rem);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--alerts-transition);white-space:nowrap;min-height:32px}.alert-card__btn:hover{background:var(--bg-hover);color:var(--text-primary)}.alert-card__btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.alert-card__btn--danger{color:var(--error);background:var(--error-bg)}.alert-card__btn--danger:hover{background:var(--error);color:#ffffff}@media (max-width:640px){.alert-card{grid-template-columns:auto 1fr;gap:1rem}.alert-card__status{grid-column:1 / -1;justify-content:space-between}.alert-card__actions{grid-column:1 / -1;width:100%}.alert-card__btn{flex:1;justify-content:center}}@media (min-width:641px) and (max-width:1024px){.alert-card{grid-template-columns:auto 1fr auto auto}}.alert-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.alert-modal.open{display:flex}.alert-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.5);animation:fadeIn 0.2s ease}.alert-modal__content{position:relative;background:var(--bg-modal);border-radius:var(--alerts-modal-radius);margin:auto;width:min(90vw,500px);max-height:min(90vh,700px);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp 0.3s ease;z-index:10}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-modal__header{display:flex;align-items:center;justify-content:space-between;padding:clamp(1.25rem,2vw,1.5rem);border-bottom:1px solid var(--border);flex-shrink:0}.alert-modal__title{margin:0;font-size:clamp(1.125rem,2vw,1.375rem);font-weight:700;color:var(--text-primary)}.alert-modal__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;font-size:1.75rem;color:var(--text-secondary);cursor:pointer;transition:all var(--alerts-transition);border-radius:6px}.alert-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.alert-modal__close:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.alert-modal__body{flex:1;overflow-y:auto;padding:clamp(1.25rem,2vw,1.5rem);display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vw,1.75rem)}.alert-modal__product{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--alerts-border-radius)}.alert-modal__product img{width:56px;height:56px;object-fit:contain;padding:4px;border-radius:6px;background:var(--bg-tertiary)}.alert-modal__product span{font-size:clamp(0.9375rem,1.4vw,1rem);font-weight:500;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-form-group{display:flex;flex-direction:column;gap:0.5rem}.alert-form-group label{font-size:clamp(0.875rem,1.3vw,0.95rem);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:0.5rem}.alert-form-group label .required{color:var(--error)}.alert-form-group input[type="number"],.alert-form-group input[type="text"],.alert-form-group select{padding:clamp(0.625rem,1vw,0.75rem) clamp(0.75rem,1.2vw,1rem);background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;font-size:clamp(0.875rem,1.3vw,1rem);color:var(--text-primary);transition:all var(--alerts-transition);font-family:inherit}.alert-form-group input[type="number"]:focus,.alert-form-group input[type="text"]:focus,.alert-form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.alert-form-group input:disabled,.alert-form-group select:disabled{opacity:0.6;cursor:not-allowed}.alert-form-group .form-help{font-size:0.8125rem;color:var(--text-muted);margin-top:-0.25rem}.alert-radio-group{display:flex;flex-direction:column;gap:0.75rem}.alert-radio-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;cursor:pointer;border-radius:6px;transition:all var(--alerts-transition)}.alert-radio-item:hover{background:var(--bg-hover)}.alert-radio-item input[type="radio"]{width:20px;height:20px;cursor:pointer;flex-shrink:0;accent-color:var(--accent)}.alert-radio-item label{flex:1;margin:0;font-weight:500;cursor:pointer}.alert-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.75rem 0}.alert-toggle>label:first-child{margin:0;flex:1;font-size:clamp(0.875rem,1.3vw,0.95rem);font-weight:500;color:var(--text-primary);cursor:pointer}.alert-toggle-switch{position:relative;width:52px;height:28px;flex-shrink:0;min-width:52px}.alert-toggle-switch input{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer;z-index:1;margin:0}.alert-toggle-switch__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:28px;transition:all var(--alerts-transition)}.alert-toggle-switch__slider::before{content:'';position:absolute;top:2px;left:2px;width:22px;height:22px;background:var(--text-secondary);border-radius:50%;transition:all var(--alerts-transition)}.alert-toggle-switch input:checked + .alert-toggle-switch__slider{background:var(--success);border-color:var(--success)}.alert-toggle-switch input:checked + .alert-toggle-switch__slider::before{transform:translateX(24px);background:var(--bg-primary)}.alert-toggle-switch input:focus + .alert-toggle-switch__slider{outline:2px solid var(--accent);outline-offset:2px}.alert-toggle-switch input:active + .alert-toggle-switch__slider{box-shadow:0 0 0 3px var(--accent-light)}.alert-modal__footer{display:flex;align-items:center;gap:clamp(0.75rem,1.5vw,1rem);justify-content:flex-end;padding:clamp(1.25rem,2vw,1.5rem);border-top:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.alert-modal__footer button{padding:clamp(0.625rem,1vw,0.75rem) clamp(1rem,1.5vw,1.25rem);border:none;border-radius:6px;font-size:clamp(0.875rem,1.3vw,0.95rem);font-weight:600;cursor:pointer;transition:all var(--alerts-transition);min-height:40px}.alert-modal__footer .btn-primary{background:var(--accent);color:white}.alert-modal__footer .btn-primary:hover{background:var(--accent-hover)}.alert-modal__footer .btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.alert-modal__footer .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.alert-modal__footer .btn-secondary:hover{background:var(--bg-hover)}.alert-modal__footer .btn-secondary:focus-visible{outline:2px solid var(--text-secondary);outline-offset:2px}@media (max-width:640px){.alert-modal__content{width:95vw;max-height:95vh;border-radius:var(--alerts-modal-radius) var(--alerts-modal-radius) 0 0;margin:auto auto 0 auto}.alert-modal__footer{flex-direction:column;gap:0.75rem}.alert-modal__footer button{width:100%}}.alerts-settings{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--alerts-border-radius);padding:clamp(1.5rem,2.5vw,2rem)}.alerts-settings-group{display:flex;flex-direction:column;gap:clamp(1.5rem,2.5vw,2rem)}.alerts-settings-group:not(:last-child){padding-bottom:clamp(1.5rem,2.5vw,2rem);border-bottom:1px solid var(--border)}.settings-title{font-size:clamp(1rem,1.5vw,1.125rem);font-weight:700;color:var(--text-primary);margin:0 0 1rem}.settings-description{font-size:clamp(0.8125rem,1.2vw,0.875rem);color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.settings-control{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px}.settings-group{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--alerts-border-radius);padding:clamp(1.25rem,2vw,1.5rem)}.settings-group__title{font-size:clamp(1rem,1.5vw,1.125rem);font-weight:700;color:var(--text-primary);margin:0 0 1rem}.settings-save-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:clamp(0.625rem,1vw,0.75rem) clamp(1rem,1.5vw,1.25rem);background:var(--accent);border:none;border-radius:6px;font-size:clamp(0.875rem,1.3vw,0.95rem);font-weight:600;color:white;cursor:pointer;transition:all var(--alerts-transition);min-height:40px}.settings-save-btn:hover{background:var(--accent-hover)}.settings-save-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-save-btn:disabled{opacity:0.6;cursor:not-allowed}.history-list{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.history-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:clamp(1rem,2vw,1.5rem);padding:var(--alerts-card-padding);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--alerts-border-radius);transition:all var(--alerts-transition)}.history-item:hover{border-color:var(--border-light);box-shadow:var(--shadow-sm)}.history-item__image{width:clamp(48px,8vw,64px);height:clamp(48px,8vw,64px);object-fit:contain;padding:4px;border-radius:var(--alerts-border-radius);flex-shrink:0;background:var(--bg-tertiary)}.history-item__info{display:flex;flex-direction:column;gap:clamp(0.5rem,1vw,0.75rem);min-width:0}.history-item__name{margin:0;font-size:clamp(0.95rem,1.3vw,1.1rem);font-weight:600;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.history-item__details{display:flex;align-items:center;gap:clamp(1rem,2vw,1.5rem);flex-wrap:wrap;font-size:clamp(0.8125rem,1.2vw,0.9rem)}.history-item__triggered-price{color:var(--text-secondary)}.history-item__triggered-date{color:var(--text-muted)}.history-item__status{display:flex;align-items:center}.history-item__badge{padding:0.375rem 0.75rem;border-radius:9999px;font-size:clamp(0.6875rem,1vw,0.8125rem);font-weight:600;text-transform:uppercase;letter-spacing:0.03em;white-space:nowrap}.history-item__badge--triggered{background:var(--success-bg);color:var(--success)}.history-item__badge--expired{background:var(--error-bg);color:var(--error)}.history-item__badge--manual{background:var(--bg-tertiary);color:var(--text-secondary)}@media (max-width:640px){.history-item{grid-template-columns:auto 1fr;gap:1rem}.history-item__status{grid-column:1 / -1}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(3rem,6vw,4rem) clamp(1.5rem,3vw,2rem);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--alerts-border-radius);border-style:dashed}.empty-state__icon{width:80px;height:80px;margin-bottom:clamp(1rem,2vw,1.5rem);opacity:0.3;color:var(--text-muted)}.empty-state__title{margin:0 0 clamp(0.5rem,1vw,0.75rem);font-size:clamp(1.125rem,1.8vw,1.375rem);font-weight:700;color:var(--text-primary)}.empty-state__text{margin:0 0 clamp(1.5rem,2.5vw,2rem);font-size:clamp(0.875rem,1.3vw,1rem);color:var(--text-secondary);max-width:400px;line-height:1.6}.empty-state__action{display:inline-flex;align-items:center;gap:0.5rem;padding:clamp(0.625rem,1vw,0.75rem) clamp(1rem,1.5vw,1.25rem);background:var(--accent);border:none;border-radius:6px;font-size:clamp(0.875rem,1.3vw,0.95rem);font-weight:600;color:white;cursor:pointer;transition:all var(--alerts-transition);min-height:40px}.empty-state__action:hover{background:var(--accent-hover)}.empty-state__action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.alerts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(2rem,4vw,3rem) clamp(1rem,2vw,1.5rem);text-align:center}.loading-spinner{position:relative;width:56px;height:56px;margin-bottom:clamp(1rem,2vw,1.5rem)}.loading-spinner::before{content:'';position:absolute;inset:0;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alerts-loading h3{margin:0 0 clamp(0.5rem,1vw,0.75rem);font-size:clamp(1rem,1.6vw,1.125rem);font-weight:600;color:var(--text-primary)}.alerts-loading p{margin:0;font-size:clamp(0.875rem,1.3vw,0.95rem);color:var(--text-secondary);max-width:300px}.alerts-error{padding:clamp(1rem,2vw,1.5rem);background:var(--error-bg);border:1px solid var(--error);border-radius:var(--alerts-border-radius);margin-bottom:clamp(1rem,2vw,1.5rem)}.alerts-error p{margin:0;font-size:clamp(0.875rem,1.3vw,0.95rem);color:var(--error);line-height:1.5}.alerts-success{padding:clamp(1rem,2vw,1.5rem);background:var(--success-bg);border:1px solid var(--success);border-radius:var(--alerts-border-radius);margin-bottom:clamp(1rem,2vw,1.5rem);animation:slideDown 0.3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alerts-success p{margin:0;font-size:clamp(0.875rem,1.3vw,0.95rem);color:var(--success);line-height:1.5}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (min-width:641px) and (max-width:1024px){.alerts-container{padding:clamp(1.5rem,3vw,2rem)}.alert-card,.history-item{grid-template-columns:auto 1fr auto auto}}@media (min-width:1025px){.alerts-container{padding:2rem}.alert-card:hover,.history-item:hover{border-color:var(--accent)}.alert-card__btn,.history-item__action{opacity:0.8}.alert-card:hover .alert-card__btn,.history-item:hover .history-item__action{opacity:1}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.alert-modal__content,.alerts-success{animation:none}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}@media print{.alerts-tabs,.alert-card__actions,.alert-modal,.alerts-settings,.empty-state__action{display:none!important}.alert-card,.history-item{page-break-inside:avoid;border:1px solid #000;margin-bottom:1rem}}