.settings-subpage{padding:2rem;max-width:900px;margin:0 auto}.settings-subpage__header{margin-bottom:2rem}.settings-subpage__title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.settings-subpage__subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.settings-subpage__loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary)}.settings-subpage__error{text-align:center;padding:3rem;color:var(--text-secondary)}.settings-subpage__retry-btn{margin-top:1rem;padding:.5rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.settings-subpage__retry-btn:hover{opacity:.9}.settings-subpage__empty{text-align:center;padding:3rem;color:var(--text-secondary)}@media (max-width:768px){.settings-subpage{padding:1rem}.settings-subpage__title{font-size:1.5rem}}.notification-prefs{display:flex;flex-direction:column;gap:var(--spacing-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.notification-prefs__group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.notification-prefs__group-title{font-size:var(--font-size-md);font-weight:600;color:var(--text);margin:0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.notification-prefs__list{display:flex;flex-direction:column;gap:0}.notification-prefs__item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border);cursor:pointer;min-height:44px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--transition-fast)}.notification-prefs__item:last-child{border-bottom:none}.notification-prefs__item:hover{background:var(--background);margin:0 calc(var(--spacing-sm) * -1);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);border-radius:var(--radius-sm)}.notification-prefs__item-label{font-size:var(--font-size-sm);color:var(--text);line-height:1.5;flex:1 1;min-width:0}.notification-prefs__checkbox{position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:44px;height:24px;background:var(--border);border-radius:9999px;border:none;cursor:pointer;flex-shrink:0;transition:background var(--transition-fast);outline:none}.notification-prefs__checkbox:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:white;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.notification-prefs__checkbox:checked{background:var(--primary)}.notification-prefs__checkbox:checked:after{transform:translateX(20px)}.notification-prefs__checkbox:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.notification-prefs__checkbox:disabled{opacity:.5;cursor:not-allowed}.notification-prefs__hours{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-sm)}.notification-prefs__select{width:100%;padding:var(--spacing-sm) var(--spacing-md);min-height:44px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast);box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-sm) center;background-repeat:no-repeat;background-size:1.25rem;padding-right:calc(var(--spacing-md) + 1.5rem)}.notification-prefs__select:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-transparent)}.notification-prefs__feedback{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin:0}.notification-prefs__feedback--error{background:var(--danger-transparent,#fee2e2);color:var(--danger,#dc2626)}.notification-prefs__feedback--success{background:var(--success-transparent,#d1fae5);color:var(--success,#059669)}.notification-prefs__info{font-size:var(--font-size-xs);color:var(--textSecondary);line-height:1.5;margin:0;padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.dark .notification-prefs{background:var(--surface);border-color:var(--border)}.dark .notification-prefs__checkbox{background:var(--border)}.dark .notification-prefs__checkbox:after{background:var(--surface)}.dark .notification-prefs__checkbox:checked{background:var(--primary)}.dark .notification-prefs__select{background:var(--background);border-color:var(--border)}@media (prefers-reduced-motion:reduce){.notification-prefs__checkbox,.notification-prefs__checkbox:after,.notification-prefs__item{transition:none}}@media (max-width:768px){.notification-prefs{padding:var(--spacing-md);gap:var(--spacing-md)}}@media (max-width:480px){.notification-prefs{padding:var(--spacing-sm)}.notification-prefs__group-title{font-size:var(--font-size-sm)}}