.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:350px;pointer-events:none}.toast{padding:16px;border-radius:8px;margin-bottom:10px;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:flex-start;pointer-events:auto;transition:transform .3s ease,opacity .3s ease;transform:translateX(100%);opacity:0}.toast.show{transform:translateX(0);opacity:1}.toast-icon{margin-right:12px;flex-shrink:0;width:24px;height:24px}.toast-content{flex-grow:1}.toast-title{font-weight:600;margin-bottom:4px;font-size:16px}.toast-message{color:#666;font-size:14px;margin:0}.toast-close{background:0 0;border:none;color:#999;cursor:pointer;font-size:20px;line-height:1;padding:0;margin-left:12px}.toast-success{border-left:4px solid #34d399}.toast-error{border-left:4px solid #f87171}.toast-info{border-left:4px solid #60a5fa}.toast-warning{border-left:4px solid #fbbf24}.dark .toast{background-color:#1f2937;color:#f3f4f6}.dark .toast-message{color:#d1d5db}.dark .toast-close{color:#9ca3af}.newsletter-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.newsletter-modal.show{opacity:1;visibility:visible}.newsletter-content{background-color:#fff;border-radius:12px;padding:32px;width:90%;max-width:500px;position:relative;transform:translateY(20px);transition:transform .3s ease}.newsletter-modal.show .newsletter-content{transform:translateY(0)}.close-newsletter{position:absolute;top:16px;right:16px;background:0 0;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;line-height:1}.newsletter-modal h3{font-size:24px;margin-bottom:12px;color:#111}.newsletter-modal p{font-size:16px;margin-bottom:24px;color:#555}.newsletter-form{display:flex;gap:12px;margin-bottom:20px}.newsletter-form input{flex-grow:1;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:16px}.newsletter-form input:focus{outline:0;border-color:#7d80ff}.newsletter-options{display:flex;flex-wrap:wrap;gap:16px}.checkbox-container{display:flex;align-items:center;cursor:pointer}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{position:relative;height:20px;width:20px;background-color:#fff;border:2px solid #ddd;border-radius:4px;margin-right:10px;transition:all .2s ease}.checkbox-container input:checked~.checkbox-custom{background-color:#7d80ff;border-color:#7d80ff}.checkbox-custom:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container input:checked~.checkbox-custom:after{display:block}.checkbox-label{font-size:14px;color:#555}.dark .newsletter-content{background-color:#1f2937}.dark .newsletter-modal h3{color:#f3f4f6}.dark .newsletter-modal p{color:#d1d5db}.dark .newsletter-form input{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.dark .close-newsletter{color:#d1d5db}.dark .checkbox-custom{background-color:#374151;border-color:#4b5563}.dark .checkbox-label{color:#d1d5db}.notification-badge{position:relative;display:inline-flex}.notification-badge::after{content:attr(data-count);position:absolute;top:-6px;right:-6px;font-size:12px;background-color:#ef4444;color:#fff;border-radius:10px;padding:1px 6px;font-weight:600;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px}.notification-badge[data-count="0"]::after{display:none}.notification-bell{position:relative;background:0 0;border:none;color:currentColor;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:background-color .2s ease;margin-right:8px}.notification-bell:hover{background-color:rgba(0,0,0,.05)}.dark .notification-bell:hover{background-color:rgba(255,255,255,.1)}.notification-bell svg{width:20px;height:20px}.notification-bell::after{content:attr(data-count);position:absolute;top:0;right:0;font-size:11px;background-color:#ef4444;color:#fff;border-radius:10px;padding:1px 6px;font-weight:600;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px}.notification-bell[data-count="0"]::after{display:none}.notification-dropdown{position:absolute;top:48px;right:0;width:320px;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:1000;overflow:hidden;opacity:0;transform:translateY(-10px);visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.notification-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}.notification-header h3{font-size:16px;margin:0}.mark-all-read{background:0 0;border:none;color:#7d80ff;font-size:12px;cursor:pointer;padding:0}.notification-list{max-height:320px;overflow-y:auto}.notification-item{padding:12px 16px;border-bottom:1px solid #eee;display:flex;align-items:flex-start;cursor:pointer;transition:background-color .2s ease}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#f0f5ff}.notification-item.unread:hover{background-color:#e8efff}.notification-item-icon{margin-right:12px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-item-content{flex-grow:1}.notification-item-title{font-size:14px;font-weight:500;margin:0 0 4px 0}.notification-item-message{font-size:13px;color:#666;margin:0}.notification-item-time{font-size:11px;color:#999;margin-top:4px;display:block}.notification-footer{padding:12px 16px;text-align:center;border-top:1px solid #eee}.notification-footer a{font-size:13px;color:#7d80ff;text-decoration:none}.dark .notification-dropdown{background-color:#1f2937;border-color:#374151}.dark .notification-footer,.dark .notification-header,.dark .notification-item{border-color:#374151}.dark .notification-item:hover{background-color:#263244}.dark .notification-item.unread{background-color:#2c3958}.dark .notification-item.unread:hover{background-color:#2f3e63}.dark .notification-item-message{color:#d1d5db}.dark .notification-item-time{color:#9ca3af}@media (max-width:768px){.notification-container{top:10px;right:10px;left:10px;max-width:none}.newsletter-form{flex-direction:column}.newsletter-content{padding:24px}.newsletter-options{flex-direction:column;gap:12px}}