.notification-preferences-form{max-width:900px;padding:var(--spacing-xl);margin:0 auto}.form-header{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--gray-200);flex-direction:column;display:flex}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group label{color:var(--gray-700);font-size:.875rem;font-weight:500}.form-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);background-color:var(--white);color:var(--gray-900);font-size:1rem;transition:border-color .2s}.form-select:hover:not(:disabled){border-color:var(--gray-400)}.form-select:focus{border-color:var(--layout-accent);box-shadow:0 0 0 3px rgba(var(--layout-accent-rgb,0, 123, 255), .1);outline:none}.form-select:disabled{background-color:var(--gray-100);cursor:not-allowed;opacity:.6}.global-settings{gap:var(--spacing-xl);padding:var(--spacing-md);background-color:var(--gray-50);border-radius:var(--radius-md);display:flex}.checkbox-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;user-select:none;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-label span{color:var(--gray-700);font-size:.9375rem}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--gray-500);font-size:1.125rem}.preferences-list{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.preference-item{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:border-color .2s,box-shadow .2s}.preference-item:hover{border-color:var(--gray-300);box-shadow:0 2px 8px #0000000d}.preference-item__header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.preference-item__header h3{color:var(--gray-900);margin:0;font-size:1.125rem;font-weight:600}.switch{width:52px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--gray-300);border-radius:28px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--layout-accent)}input:focus+.slider{box-shadow:0 0 1px var(--layout-accent)}input:checked+.slider:before{transform:translate(24px)}input:disabled+.slider{cursor:not-allowed;opacity:.5}.preference-item__options{gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--gray-100);flex-direction:column;animation:.2s ease-in fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.form-footer{padding-top:var(--spacing-lg);border-top:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.last-modified{color:var(--gray-500);margin:0;font-size:.875rem}.btn{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:1rem;font-weight:500;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background-color:var(--layout-accent);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--layout-accent-hover,var(--brand-blue-hover));box-shadow:0 4px 12px rgba(var(--layout-accent-rgb,0, 123, 255), .3)}.btn--primary:active:not(:disabled){transform:translateY(1px)}@media (width<=768px){.notification-preferences-form{padding:var(--spacing-md)}.global-settings{gap:var(--spacing-md);flex-direction:column}.form-footer{gap:var(--spacing-md);flex-direction:column;align-items:stretch}.btn{width:100%}}.notification-history{gap:var(--spacing-lg);flex-direction:column;display:flex}.notification-history__header{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.notification-history__actions{gap:var(--spacing-sm);display:flex}.notification-history__title{color:var(--gray-900);margin:0;font-size:1.25rem;font-weight:600}.notification-history__refresh{border:1px solid var(--gray-300);background:var(--gray-100);color:var(--gray-800);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer}.notification-history__filters{gap:var(--spacing-md);grid-template-columns:minmax(200px,1fr) repeat(3,minmax(160px,1fr)) auto;align-items:center;display:grid}.notification-history__input,.notification-history__select{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--gray-300);background:var(--gray-100);color:var(--gray-800)}.notification-history__clear{border:1px solid var(--gray-300);background:var(--gray-100);color:var(--gray-800);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap}.notification-history__user-name{color:var(--gray-900);font-weight:600}.notification-history__user-email{color:var(--gray-600);font-size:.85rem}@media (width<=1024px){.notification-history__filters{grid-template-columns:1fr 1fr}}@media (width<=640px){.notification-history__filters{grid-template-columns:1fr}}.notification-settings-tabs{margin-top:var(--spacing-xl)}.notification-settings-tabs__panel{padding-top:var(--spacing-lg)}
