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