[data-favorite]{background:#06b6d41a;border:2px solid rgba(6,182,212,.3);color:#06b6d4;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem}[data-favorite]:hover{background:#06b6d433;border-color:#06b6d4;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d}[data-favorite].favorite-active{background:linear-gradient(135deg,#06b6d4,#14b8a6);border-color:#06b6d4;color:#fff}[data-favorite].favorite-active:hover{background:linear-gradient(135deg,#14b8a6,#06b6d4);box-shadow:0 6px 20px #06b6d466}body.dark-mode [data-favorite]{background:#06b6d426;border-color:#06b6d466}body.dark-mode [data-favorite]:hover{background:#06b6d440}#notification-widget-container{position:relative}#notification-widget{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:fixed!important;bottom:-9999px!important;right:-9999px!important}.notification-bell{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#14b8a6);border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #06b6d466;transition:all .3s ease;position:relative}.notification-bell:hover{transform:scale(1.1);box-shadow:0 12px 35px #06b6d480}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid white;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{position:absolute;bottom:80px;right:0;width:380px;max-height:500px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;display:none;flex-direction:column;overflow:hidden;transform:translateY(20px);opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:10000}.navbar-notification-dropdown{bottom:auto;top:calc(100% + 15px)}body.dark-mode .notification-dropdown{background:#1e293b!important;border:1px solid rgba(6,182,212,.3)}.notification-dropdown.active,.navbar-notification-dropdown.active{display:flex!important;transform:translateY(0)!important;opacity:1!important}.notification-dropdown.active{display:flex;transform:translateY(0);opacity:1}.notification-header{padding:20px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}body.dark-mode .notification-header{border-bottom-color:#ffffff1a}.notification-header h4{margin:0;font-size:1.2rem;font-weight:700;color:#1e293b}body.dark-mode .notification-header h4{color:#ffffffe6}.mark-all-read{background:none;border:none;color:#06b6d4;font-size:.85rem;cursor:pointer;font-weight:600;padding:4px 8px;border-radius:4px;transition:all .2s ease}.mark-all-read:hover{background:#06b6d41a}.notification-list{flex:1;overflow-y:auto;max-height:400px}.notification-item{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;gap:12px;cursor:pointer;transition:all .2s ease;position:relative}body.dark-mode .notification-item{border-bottom-color:#ffffff0d}.notification-item:hover{background:#06b6d40d}.notification-empty,.notification-error{padding:40px 20px;text-align:center;color:#64748b;font-size:.9rem}body.dark-mode .notification-empty,body.dark-mode .notification-error{color:#fff9}body.dark-mode .notification-item:hover{background:#06b6d41a}.notification-item.unread{background:#06b6d40d;border-left:3px solid #06b6d4}body.dark-mode .notification-item.unread{background:#06b6d41a}.notification-icon{width:40px;height:40px;border-radius:50%;background:#06b6d41a;display:flex;align-items:center;justify-content:center;color:#06b6d4;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:.95rem;color:#1e293b;margin-bottom:4px}body.dark-mode .notification-title{color:#ffffffe6}.notification-message{font-size:.85rem;color:#1e293bb3;margin-bottom:4px;line-height:1.4}body.dark-mode .notification-message{color:#ffffffb3}.notification-time{font-size:.75rem;color:#1e293b80}body.dark-mode .notification-time{color:#ffffff80}.notification-link{position:absolute;inset:0;z-index:1}.notification-footer{padding:16px 20px;border-top:1px solid rgba(0,0,0,.1);text-align:center}body.dark-mode .notification-footer{border-top-color:#ffffff1a}.notification-footer a{color:#06b6d4;text-decoration:none;font-weight:600;font-size:.9rem}.notification-footer a:hover{text-decoration:underline}.notification-empty{padding:40px 20px;text-align:center;color:#1e293b99}body.dark-mode .notification-empty{color:#fff9}.social-share-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}[data-share]{padding:10px 16px;border-radius:8px;border:2px solid;cursor:pointer;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;text-decoration:none}[data-share=facebook]{background:#1877f2;border-color:#1877f2;color:#fff}[data-share=twitter]{background:#1da1f2;border-color:#1da1f2;color:#fff}[data-share=linkedin]{background:#0077b5;border-color:#0077b5;color:#fff}[data-share=whatsapp]{background:#25d366;border-color:#25d366;color:#fff}[data-share=email]{background:#06b6d41a;border-color:#06b6d4;color:#06b6d4}[data-share=copy]{background:#1e293b1a;border-color:#1e293b4d;color:#1e293b}body.dark-mode [data-share=email]{background:#06b6d426;color:#06b6d4}body.dark-mode [data-share=copy]{background:#ffffff1a;border-color:#ffffff4d;color:#ffffffe6}[data-share]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media(max-width:768px){.notification-dropdown{width:calc(100vw - 40px);right:-20px}#notification-widget{bottom:10px;right:10px}.notification-bell{width:50px;height:50px;font-size:1.2rem}.social-share-buttons{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.social-share-buttons::-webkit-scrollbar{display:none}[data-share]{flex-shrink:0;width:auto;min-width:44px;justify-content:center}}
