.cookie-settings-page{padding:30px 0;min-height:calc(100vh - 200px)}.cookie-settings-header{text-align:center;margin-bottom:30px}.cookie-settings-header .page-title{font-size:2rem;font-weight:600;color:var(--text-color);margin-bottom:12px}.cookie-settings-header .page-description{font-size:1rem;color:var(--light-text);line-height:1.5;max-width:500px;margin:0 auto}.cookie-categories{margin-bottom:30px}.cookie-category{background:#fff;border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.cookie-category:hover{box-shadow:var(--shadow)}.cookie-category.essential{border-left:4px solid #38a169}.cookie-category.analytics{border-left:4px solid #3182ce}.cookie-category.functional{border-left:4px solid #805ad5}.cookie-category.marketing{border-left:4px solid #ed8936}.category-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;gap:20px}.category-info{flex:1}.category-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:8px;display:flex;align-items:center;gap:8px}.category-title i{font-size:1.1rem;opacity:.8}.category-description{color:#4a5568;line-height:1.5;margin:0}.category-toggle{display:flex;flex-direction:column;align-items:center;gap:8px}.toggle-switch{position:relative;display:inline-block;width:60px;height:32px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;border-radius:32px;transition:.3s;display:block}.toggle-label:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-label{background-color:#48bb78}.toggle-switch input:checked+.toggle-label:before{transform:translate(28px)}.toggle-switch.disabled .toggle-label{background-color:#48bb78;cursor:not-allowed;opacity:.7}.toggle-switch.disabled .toggle-label:before{transform:translate(28px)}.toggle-status{font-size:.875rem;color:#4a5568;font-weight:500}.category-details{padding:16px 24px 24px;border-top:1px solid #f7fafc;margin-top:16px}.detail-item{font-size:.875rem;color:#4a5568;line-height:1.5}.detail-item strong{color:#2d3748}.cookie-settings-actions{display:flex;justify-content:center;gap:12px;margin-bottom:30px;flex-wrap:wrap}.cookie-action-btn{min-width:120px;padding:10px 20px;font-weight:500;border-radius:6px;font-size:14px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:1.4}.cookie-action-btn.primary{background:var(--primary-color);color:#fff}.cookie-action-btn.primary:hover{background:var(--primary-hover);box-shadow:0 4px 8px rgba(var(--primary-color-rgb),.2)}.cookie-action-btn.secondary{background:#fff;color:var(--text-color);border:1px solid var(--border-color)}.cookie-action-btn.secondary:hover{background:var(--light-bg);border-color:var(--text-color)}@media (prefers-color-scheme: dark){.cookie-action-btn.primary{background:var(--primary-color);color:#fff}.cookie-action-btn.primary:hover{background:var(--primary-hover)}.cookie-action-btn.secondary{background:#374151;color:#f9fafb;border-color:#4b5563}.cookie-action-btn.secondary:hover{background:#4b5563;border-color:#6b7280}}.cookie-info-section{background:#f7fafc;border-radius:12px;padding:32px;margin-top:40px}.cookie-info-section h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:16px}.cookie-info-section p{color:#4a5568;line-height:1.6;margin-bottom:16px}.privacy-link{color:var(--bs-primary);text-decoration:underline;font-weight:500}.privacy-link:hover{color:var(--bs-primary);text-decoration:none}.contact-info{border-top:1px solid #e2e8f0;padding-top:16px;margin-top:16px}.contact-info p{margin-bottom:0}.contact-info a{color:var(--bs-primary);text-decoration:none;font-weight:500}.contact-info a:hover{text-decoration:underline}.cookie-settings-success{background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;padding:16px;margin-bottom:24px;color:#22543d;text-align:center;display:none}.cookie-settings-success.show{display:block;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.cookie-settings-header .page-title{color:#f7fafc}.cookie-settings-header .page-description{color:#cbd5e0}.cookie-category{background:#2d3748;border-color:#4a5568}.category-title{color:#f7fafc}.category-description{color:#cbd5e0}.category-details{border-top-color:#4a5568}.detail-item{color:#cbd5e0}.detail-item strong{color:#f7fafc}.cookie-info-section{background:#2d3748;color:#cbd5e0}.cookie-info-section h3{color:#f7fafc}.contact-info{border-top-color:#4a5568}}@media (max-width: 768px){.cookie-settings-page{padding:20px 0}.cookie-settings-header .page-title{font-size:2rem}.category-header{flex-direction:column;align-items:stretch;gap:16px}.category-toggle{flex-direction:row;justify-content:space-between;align-items:center}.cookie-settings-actions{flex-direction:column;align-items:stretch}.cookie-action-btn{min-width:unset;width:100%}.cookie-info-section{padding:20px}}.cookie-notification-popup{position:fixed;top:20px;right:20px;z-index:10000;opacity:0;transform:translate(100%);transition:all .3s ease}.cookie-notification-popup.show{opacity:1;transform:translate(0)}.notification-content{background:var(--success-color, #10b981);color:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;gap:12px;min-width:280px;max-width:400px}.notification-icon{font-size:18px;font-weight:700;width:24px;height:24px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-text{font-size:14px;font-weight:500;line-height:1.4}@media (max-width: 576px){.cookie-notification-popup{top:10px;left:10px;right:10px;transform:translateY(-100%)}.cookie-notification-popup.show{transform:translateY(0)}.notification-content{min-width:unset}}