.communication-preferences{max-width:800px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.preferences-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.preferences-header h3{color:#2c3e50;margin-bottom:10px;font-size:1.5rem}.preferences-subtitle{color:#6c757d;font-size:.95rem;line-height:1.5}.auth-required{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.auth-required p{margin-bottom:20px;color:#495057}.loading-state{text-align:center;padding:40px 20px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.preference-section{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.preference-section h4{color:#2c3e50;margin-bottom:15px;font-size:1.1rem;display:flex;align-items:center;gap:10px}.preference-section h4 i{color:#007bff;width:20px}.preference-options{display:flex;flex-direction:column;gap:15px}.preference-option{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff;border-radius:4px;border:1px solid #dee2e6;cursor:pointer;transition:all .2s ease}.preference-option:hover{border-color:#007bff;box-shadow:0 2px 4px rgba(0,123,255,.1)}.preference-option input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkmark{position:relative;width:20px;height:20px;background:#fff;border:2px solid #dee2e6;border-radius:3px;flex-shrink:0;margin-top:2px;transition:all .2s ease}.preference-option input[type=checkbox]:checked~.checkmark{background:#007bff;border-color:#007bff}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.preference-option input[type=checkbox]:checked~.checkmark:after{display:block}.option-content{flex:1}.option-content strong{display:block;color:#2c3e50;margin-bottom:4px;font-weight:600}.option-content p{color:#6c757d;font-size:.9rem;line-height:1.4;margin:0}.preferences-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.preferences-actions .btn{padding:12px 24px;font-size:1rem;min-width:160px}.btn-outline{background:0 0;border:2px solid #dc3545;color:#dc3545}.btn-outline:hover{background:#dc3545;color:#fff}.message-container{margin:20px 0}.message{padding:12px 16px;border-radius:4px;display:flex;align-items:center;gap:10px;font-weight:500}.message-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message i{font-size:1.1rem}.gdpr-info{margin-top:40px;padding:20px;background:#e7f3ff;border-radius:6px;border-left:4px solid #007bff}.gdpr-info h4{color:#2c3e50;margin-bottom:15px;font-size:1.1rem}.gdpr-info p{color:#495057;line-height:1.6;margin-bottom:10px}.gdpr-info a{color:#007bff;text-decoration:none}.gdpr-info a:hover{text-decoration:underline}@media(max-width:768px){.communication-preferences{margin:0;border-radius:0;box-shadow:none}.preference-section{padding:15px}.preferences-actions{flex-direction:column;align-items:stretch}.preferences-actions .btn{width:100%;margin-bottom:10px}.preference-option{flex-direction:column;align-items:flex-start;gap:8px}.checkmark{align-self:flex-start}}@media(prefers-color-scheme:dark){.communication-preferences{background:#1a1a1a;color:#e9ecef}.preferences-header h3{color:#f8f9fa}.preference-section{background:#2d3748;border-color:#4a5568}.preference-option{background:#1a202c;border-color:#4a5568}.option-content strong{color:#f8f9fa}.option-content p{color:#a0aec0}.gdpr-info{background:#2d3748;border-left-color:#63b3ed}.gdpr-info h4{color:#f8f9fa}.gdpr-info p{color:#e2e8f0}}