.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.noti-container{position:relative}.noti-trigger{cursor:pointer;width:2.25rem;height:2.25rem;color:var(--muted-foreground);background-color:#0000;border:1px solid #0000000d;border-radius:.75rem;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.noti-trigger:hover{background-color:var(--secondary);color:var(--primary);border-color:var(--border)}.noti-trigger.active{background-color:var(--primary);color:#fff;box-shadow:0 8px 12px -3px #3b82f64d}.noti-trigger:hover .lucide-bell{animation:.5s ease-in-out bell-ring}@keyframes bell-ring{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.noti-badge{background-color:var(--primary);color:#fff;border:2px solid var(--background);border-radius:9999px;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;font-size:8px;font-weight:900;display:flex;position:absolute;top:-.25rem;right:-.25rem}.noti-dropdown{border:2px solid var(--border);background-color:var(--card);z-index:100;border-radius:1.5rem;width:auto;position:fixed;top:4.5rem;left:1rem;right:1rem;overflow:hidden;box-shadow:0 20px 50px -12px #00000080}@media (min-width:768px){.noti-dropdown{transform-origin:100% 0;width:18rem;position:absolute;top:3.25rem;left:auto;right:0}}.noti-header{border-bottom:1px solid var(--border);background-color:var(--secondary);justify-content:space-between;align-items:center;padding:.85rem 1.15rem;display:flex}.noti-header-icon{background-color:var(--primary);color:#fff;border-radius:.75rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;box-shadow:0 6px 10px -2px #0f172a33}.noti-header-title{font-family:var(--font-serif);font-size:.875rem;font-style:italic;font-weight:900}.noti-header-subtitle{text-transform:uppercase;letter-spacing:.15em;color:var(--muted-foreground);font-size:7.5px;font-weight:800}.noti-body{background-color:var(--background);width:100%;max-height:60vh;color:var(--foreground);flex-direction:column;display:flex;overflow-y:auto}@media (min-width:768px){.noti-body{max-height:320px}}.noti-item{border-bottom:1px solid var(--border);text-align:left;background-color:var(--card);grid-template-columns:auto 1fr;gap:.75rem;padding:.85rem 1rem;transition:all .2s;display:grid}.noti-item.unread{background-color:var(--accent)}.noti-dot{background-color:var(--primary);width:.5rem;height:.5rem;box-shadow:0 0 8px var(--primary);border-radius:9999px}.noti-dot-read{border:1.5px solid #6b72804d;border-radius:9999px;width:.5rem;height:.5rem}.noti-content{flex-direction:column;gap:.15rem;min-width:0;display:flex}.noti-item-title{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.noti-title-text{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.3;display:-webkit-box;overflow:hidden}.noti-item.unread .noti-title-text{color:var(--foreground);font-weight:900}.noti-item.read .noti-title-text{color:var(--muted-foreground);font-weight:600}.noti-label-new{text-transform:uppercase;color:var(--primary);background-color:#3b82f61a;border-radius:.25rem;flex-shrink:0;padding:.1rem .3rem;font-size:6.5px;font-weight:900}.noti-message{color:var(--muted-foreground);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.45;display:-webkit-box;overflow:hidden}.noti-item.unread .noti-message{color:#111827d9;font-weight:450}.noti-meta{justify-content:space-between;align-items:center;margin-top:.4rem;display:flex}.noti-time{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);align-items:center;gap:.3rem;font-size:7.5px;font-weight:800;display:flex}.noti-page-grid{grid-template-columns:1fr 2.5fr;grid-template-areas:"header header""sidebar main";align-items:start;gap:2.5rem;display:grid}@media (max-width:1024px){.noti-page-grid{grid-template-columns:1fr;grid-template-areas:"header""sidebar""main"}}.noti-area-header{grid-area:header}.noti-area-sidebar{grid-area:sidebar}.noti-area-main{grid-area:main}.noti-page-container{flex-direction:column;gap:1.5rem;max-width:85rem;margin:0 auto;padding:1.5rem;display:flex}.noti-summary-card{background:linear-gradient(to bottom right, var(--card), #f3f4f64d);overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:none!important;border-radius:2.5rem!important}.noti-summary-grid{text-align:center;grid-template-columns:1fr;gap:1.5rem;padding:2rem;display:grid}.noti-summary-icon{width:5rem;height:5rem;color:var(--primary);background-color:#3b82f61a;border-radius:1.5rem;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.noti-full-card{transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border:2px solid var(--border)!important;border-radius:2rem!important;box-shadow:0 15px 35px -10px #0000001a!important}.noti-full-card.unread{border-color:var(--primary)!important;background-color:var(--accent)!important}.noti-card-grid{grid-template-columns:auto 1fr auto;grid-template-areas:"icon content actions";align-items:center;gap:1.5rem;padding:1.5rem;display:grid}@media (max-width:640px){.noti-card-grid{grid-template-columns:auto 1fr;grid-template-areas:"icon content""actions actions";gap:1rem}.noti-card-area-actions{border-top:1px solid var(--border);justify-content:space-between;padding-top:1rem;display:flex}}.noti-card-area-icon{grid-area:icon;align-self:start}.noti-card-area-content{grid-area:content;min-width:0}.noti-card-area-actions{flex-direction:column;grid-area:actions;gap:.5rem;display:flex}.noti-tabs-sticky{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffffff2;border-bottom:1px solid #e5e7eb1a;padding:1rem 0;position:sticky;top:4rem}.noti-time-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);background-color:var(--secondary);border:1px solid var(--border);border-radius:.4rem;align-items:center;gap:.4rem;padding:.2rem .5rem;font-size:8px;font-weight:800;display:flex}.noti-promo-card{color:#fff;background-color:#0f172a;padding:1.5rem;position:relative;overflow:hidden;border:none!important;border-radius:2rem!important}