.notification-settings{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);margin:0 auto;max-width:800px;padding:var(--spacing-xl)}.settings-header h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.settings-header p{font-size:var(--font-size-base);margin:0}.alert{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-base)}.alert-error{background:#fed7d7;border:1px solid #feb2b2;color:#c53030}.alert-success{background:#c6f6d5;border:1px solid #9ae6b4;color:#2f855a}.alert .close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--font-size-lg);line-height:1;padding:0}.notification-status{background:var(--color-bg-gray-light);border-radius:var(--radius-base);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.status-indicator{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.status-dot{border-radius:var(--radius-circle);display:inline-block;height:12px;width:12px}.status-dot.active{background:var(--color-success);box-shadow:0 0 0 2px #48bb784d}.status-dot.inactive{background:var(--color-text-tertiary)}.status-text{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.status-details{margin-left:20px}.status-details p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.notification-controls{margin-bottom:var(--spacing-xl)}.controls-grid{grid-gap:var(--spacing-base);display:grid;gap:var(--spacing-base);grid-template-columns:1fr 1fr}.btn{display:inline-block;font-size:var(--font-size-base);padding:var(--spacing-base) var(--spacing-lg);text-align:center;transition:all var(--transition-base)}.btn-primary{background:var(--color-primary);color:var(--color-text-white)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-text-secondary);color:var(--color-text-white)}.btn-secondary:hover:not(:disabled){background:var(--color-text-primary)}.btn-outline{background:#0000}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-white)}.notification-preferences{margin-bottom:var(--spacing-xl)}.notification-preferences h4{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.notification-preferences>p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-lg) 0}.preference-list{display:flex;flex-direction:column;gap:var(--spacing-base)}.preference-item{align-items:flex-start;background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-base);display:flex;justify-content:space-between;padding:var(--spacing-base)}.preference-info{flex:1 1;margin-right:var(--spacing-base)}.preference-info h5{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-xs) 0}.preference-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.toggle-switch{cursor:pointer;width:44px}.toggle-slider,.toggle-slider:before{transition:var(--transition-base)}.toggle-slider:before{background-color:var(--color-bg-white)}input:checked+.toggle-slider{background-color:var(--color-primary)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--color-primary)}input:checked+.toggle-slider:before{transform:translateX(20px)}.unsupported-message{align-items:flex-start;background:#fef2e2;border:1px solid #fcd34d;border-radius:var(--radius-base);color:#92400e;display:flex;gap:var(--spacing-base);padding:var(--spacing-lg)}.unsupported-message .icon{flex-shrink:0;font-size:var(--font-size-lg)}.unsupported-message p{margin:0}.unsupported-message p:first-child{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.notification-info{background:var(--color-bg-gray-light);border-radius:var(--radius-base);padding:var(--spacing-lg)}.notification-info h4{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-base) 0}.notification-info ul{list-style:none;margin:0;padding:0}.notification-info li{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm)}.notification-info li:last-child{margin-bottom:0}@media (max-width:768px){.notification-settings{margin:var(--spacing-base);padding:var(--spacing-base)}.controls-grid{grid-template-columns:1fr}.preference-item{align-items:stretch;flex-direction:column;gap:var(--spacing-base)}.preference-info{margin-right:0}.toggle-switch{align-self:flex-start}}@media (max-width:430px){.notification-settings{margin:var(--spacing-xs);padding:var(--spacing-base)}.settings-header{text-align:left}.btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-base)}}.regional-preferences{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.regional-preferences h3{font-size:20px;font-weight:600;margin-bottom:24px}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:500;margin-bottom:8px}.form-control{border:1px solid #ddd;border-radius:6px;font-size:14px;max-width:300px;padding:10px 12px;width:100%}.help-text{color:#666;font-size:13px;margin-top:8px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-label input{cursor:pointer}.checkbox-label span{font-size:14px}.info-box{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin-top:24px;padding:16px}.info-box p{color:#1976d2;font-size:14px;margin:0}.settings-page{background-color:var(--color-bg-light);min-height:100vh;padding:var(--spacing-lg) 0}.settings-container{margin:0 auto;max-width:800px;padding:0 var(--spacing-base)}.settings-header{margin-bottom:var(--spacing-xl);text-align:center}.settings-header h1{color:var(--color-text-primary);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.settings-header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.settings-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-base);justify-content:center;min-height:50vh}.settings-loading p{color:var(--color-text-secondary);font-size:1.1rem}.setting-disabled{opacity:.5;pointer-events:none;position:relative}.setting-disabled .setting-info{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.coming-soon-badge{background-color:#f59e0b;border-radius:var(--radius-md);color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-left:8px;padding:2px 8px;vertical-align:top}.setting-disabled .toggle-switch{opacity:.6}.setting-disabled .toggle-slider{background-color:#d1d5db!important}.settings-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-section{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.section-header{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-base)}.section-header h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.section-header p{color:var(--color-text-secondary);font-size:.95rem;margin:0}.settings-list{flex-direction:column}.setting-item,.settings-list{display:flex;gap:var(--spacing-base)}.setting-item{align-items:center;border-radius:var(--radius-base);justify-content:space-between;padding:var(--spacing-base);transition:background-color .2s ease}.setting-item:hover{background-color:var(--color-bg-light)}.setting-info{flex:1 1;max-width:600px}.setting-info h3{color:var(--color-text-primary);font-size:1rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.setting-info p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;margin:0}.toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--color-border-default);border-radius:var(--radius-xl);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:var(--radius-circle);bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--color-primary-light)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-switch:hover .toggle-slider{box-shadow:0 0 0 3px var(--color-primary-light)}.setting-select{background-color:var(--color-bg-white);border:1px solid var(--color-border-default);border-radius:var(--radius-base);color:var(--color-text-primary);cursor:pointer;font-size:.9rem;min-width:140px;padding:var(--spacing-xs) var(--spacing-sm);transition:border-color .2s ease,box-shadow .2s ease}.setting-select:focus{box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.setting-select:focus,.setting-select:hover{border-color:var(--color-primary)}.account-actions{flex-direction:column}.account-actions,.action-item{display:flex;gap:var(--spacing-base)}.action-item{align-items:center;border:1px solid var(--color-border-light);border-radius:var(--radius-base);justify-content:space-between;padding:var(--spacing-base)}.action-item:last-child{border-color:var(--color-error-light)}.action-info{flex:1 1}.action-info h3{color:var(--color-text-primary);font-size:1rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.action-info p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.alert{border-radius:var(--radius-base);font-size:.9rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-lg);padding:var(--spacing-base) var(--spacing-lg)}.alert-success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.alert-error{background-color:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-dark)}.btn{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;min-width:120px;padding:var(--spacing-sm) var(--spacing-base);text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-outline{background-color:initial;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-error-dark)}@media (max-width:768px){.settings-container{padding:0 var(--spacing-base)}.settings-header h1{font-size:2rem}.settings-section{padding:var(--spacing-base)}.action-item,.setting-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.btn{width:100%}}@media (max-width:430px){.settings-header{margin-bottom:var(--spacing-lg);text-align:left}.settings-header h1{font-size:1.75rem}.settings-sections{gap:var(--spacing-lg)}.settings-section{border-radius:var(--radius-base);padding:var(--spacing-base)}}.settings-section .notification-settings{margin:0}.settings-section .notification-settings .settings-header{margin-bottom:var(--spacing-base);text-align:left}.settings-section .notification-settings .settings-header h3{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.settings-section .notification-settings .settings-header p{font-size:.95rem}.setting-disabled .setting-info h3{color:#9ca3af;color:var(--color-text-disabled,#9ca3af)}.setting-disabled .setting-info p{color:#6b7280;color:var(--color-text-disabled-secondary,#6b7280)}