:root{--s3-edge:#3730a3;--s3-ink:#1e1b4b;--s3-gold:#f59e0b}[data-aos]{opacity:0;transform:perspective(1200px) translateY(46px) rotateX(11deg);transform-origin:50% 0;transition:opacity .8s ease,transform .9s cubic-bezier(.2, .7, .2, 1)}[data-aos].active{opacity:1;transform:none}.btn-primary{box-shadow:0 5px 0 var(--s3-edge),0 16px 24px -10px rgba(79,70,229,.55);transition:transform .18s ease,box-shadow .18s ease,background .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--s3-edge),0 22px 28px -10px rgba(79,70,229,.6)}.btn-primary:active{transform:translateY(4px);box-shadow:0 1px 0 var(--s3-edge),0 6px 10px -6px rgba(79,70,229,.6)}.btn-outline{background:#fff;box-shadow:0 4px 0 rgba(79,70,229,.28);transition:transform .18s ease,box-shadow .18s ease,background .3s,color .3s}.btn-outline:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--s3-edge)}.btn-outline:active{transform:translateY(3px);box-shadow:0 1px 0 var(--s3-edge)}.btn:focus-visible{outline:3px solid var(--dark);outline-offset:3px}.scene3d{flex:1 1 300px;width:100%;max-width:540px;aspect-ratio:50/44;position:relative;font-size:10px;perspective:120em;perspective-origin:50% 40%;transition:opacity .7s ease;-webkit-user-select:none;user-select:none}.s3-world{position:absolute;inset:0;transform-style:preserve-3d;transform:scale(.9) rotateX(var(--rx,-9deg)) rotateY(var(--ry,-19deg));font-family:Poppins,sans-serif;font-variant-numeric:tabular-nums;color:var(--text-main);line-height:1.3}.s3-world *{box-sizing:border-box}.s3-plate{position:absolute;left:3em;top:3em;width:44em;height:36em;border-radius:2.6em;transform:translateZ(-8em);background:linear-gradient(rgba(79,70,229,.09) 1px,transparent 1px) 0 0/100% 3em,linear-gradient(90deg,rgba(79,70,229,.09) 1px,transparent 1px) 0 0/3em 100%,linear-gradient(135deg,#eef2ff 0,#e0e7ff 55%,#ddd6fe 100%);border:1px solid #fff;box-shadow:0 4em 6em -3em rgba(30,27,75,.45)}.s3-item{position:absolute;transform-style:preserve-3d;transform:translateZ(var(--z,0));transition:transform 1.2s cubic-bezier(.2, .8, .2, 1);transition-delay:calc(var(--i, 0) * 130ms)}.s3-item::before{content:"";position:absolute;inset:6% 4%;border-radius:2em;background:rgba(30,27,75,.3);filter:blur(1.6em);transform:translateZ(calc(-7.6em - var(--z,0))) translate(-1.5em,2.5em)}.s3-float{transform-style:preserve-3d;animation:s3-bob var(--t,5s) ease-in-out infinite alternate;height:100%}@keyframes s3-bob{from{transform:translate3d(0,-.55em,0)}to{transform:translate3d(0,.55em,0)}}.s3-card{height:100%;background:#fff;border:1px solid rgba(255,255,255,.9);border-radius:1.6em;box-shadow:0 0 0 1px rgba(30,27,75,.06),-.6em 1.4em 2.4em -1em rgba(30,27,75,.35);transform-style:preserve-3d}.s3-pill{font-size:1em;font-weight:700;padding:.25em .9em;border-radius:99em;background:rgba(16,185,129,.14);color:#047857;white-space:nowrap}.s3-invoice{left:4em;top:1.5em;width:25em;height:33.5em}.s3-invoice .s3-card{padding:2em 2em 1.8em}.s3-chart-head,.s3-inv-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1em}.s3-inv-head{margin-bottom:1.4em}.s3-inv-head b{display:block;font-size:1.7em;font-weight:800;color:var(--dark)}.s3-inv-head small{display:block;font-size:1.05em;color:var(--text-muted);font-weight:500}.s3-row,.s3-tax,.s3-total{display:grid;grid-template-columns:1fr 3em 6em;align-items:center;font-size:1.12em}.s3-row{padding:.62em 0;border-bottom:1px solid #eef0f6;font-weight:500}.s3-row span:nth-child(2){text-align:center;color:var(--text-muted)}.s3-row span:nth-child(3),.s3-tax span:last-child,.s3-total span:last-child{text-align:right}.s3-row--head{font-size:.95em;font-weight:700;color:var(--text-muted);border-bottom:1px solid var(--border);padding-top:0}.s3-tax{grid-template-columns:1fr auto;padding:.34em 0;color:var(--text-muted);font-size:1.05em}.s3-row+.s3-tax{margin-top:.8em}.s3-total{display:flex;gap:.9em;margin-top:.9em;padding:.7em 1em;border-radius:.9em;background:var(--gradient);color:#fff;font-size:1.35em;font-weight:700;transform:translateZ(1.4em);box-shadow:0 .6em 1.2em -.5em rgba(79,70,229,.8)}.s3-chart{left:24.5em;top:22.5em;width:24.5em;height:20em}.s3-chart .s3-card{padding:1.7em 2em;position:relative}.s3-chart-head small{display:block;font-size:1.05em;color:var(--text-muted);font-weight:600}.s3-chart-head b{display:block;font-size:2em;font-weight:800;color:var(--dark);line-height:1.15}.s3-bars{position:absolute;left:2.2em;right:3.4em;bottom:3.9em;height:8.6em;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:.15em solid var(--border);transform-style:preserve-3d}.s3-bar{--d:1.9em;position:relative;width:2.1em;height:calc(var(--v) * 100%);transform-style:preserve-3d;transform:translateZ(var(--d));background:linear-gradient(#6366f1,#4f46e5);transition:height 1.1s cubic-bezier(.2, .8, .2, 1);transition-delay:calc(0.7s + var(--b, 0) * 90ms)}.s3-bar::before{content:"";position:absolute;left:0;top:0;width:100%;height:var(--d);background:#a5b4fc;transform-origin:50% 0;transform:rotateX(-90deg)}.s3-bar::after{content:"";position:absolute;left:100%;top:0;width:var(--d);height:100%;background:var(--s3-edge);transform-origin:0 50%;transform:rotateY(90deg)}.s3-bar--best{background:linear-gradient(#34d399,#10b981)}.s3-bar--best::before{background:#a7f3d0}.s3-bar--best::after{background:#047857}.s3-days{position:absolute;left:2.2em;right:3.4em;bottom:1.5em;display:flex;justify-content:space-between;font-size:1em;font-weight:600;color:var(--text-muted)}.s3-days span{width:2.1em;text-align:center}.s3-chip .s3-card{display:flex;align-items:center;gap:.6em;padding:.85em 1.4em;border-radius:99em;font-size:1.2em;font-weight:700;white-space:nowrap}.s3-chip--ok{left:30em;top:.5em}.s3-chip--warn{left:-1em;top:30.5em}.s3-chip--ok i{color:var(--secondary);font-size:1.25em}.s3-chip--warn i{color:var(--s3-gold);font-size:1.2em}.s3-chip::before{inset:10% 6%;filter:blur(1.1em)}.s3-coinwrap{left:41em;top:11.5em;width:6em;height:6em}.s3-coinwrap::before{inset:12%;border-radius:50%;filter:blur(1.1em);background:rgba(30,27,75,.16)}.s3-coin{position:absolute;inset:0;transform-style:preserve-3d;animation:s3-spin 7s linear infinite}.s3-coin i{position:absolute;inset:0;border-radius:50%;background:#b45309;display:grid;place-items:center;font:800 3.3em/1 Poppins,sans-serif;color:#92400e}.s3-coin i.face{background:radial-gradient(circle at 35% 30%,#fde68a,#fbbf24 55%,#d97706);box-shadow:inset 0 0 0 .09em #b45309,inset 0 0 0 .16em #fcd34d}@keyframes s3-spin{to{transform:rotateY(360deg)}}.aas3d-js body:not(.aas3d-go) .scene3d{opacity:0}.aas3d-js body:not(.aas3d-go) .s3-item{transform:translateZ(calc(var(--z,0) - 34em)) translateY(7em)}.aas3d-js body:not(.aas3d-go) .s3-bar{height:0}.scene3d:not(.is-inview) .s3-coin,.scene3d:not(.is-inview) .s3-float{animation-play-state:paused}@media (max-width:1024px){.scene3d{max-width:470px;margin:12px auto 0;flex:0 0 auto}}.features-grid{perspective:1400px}.feature-card{position:relative;transform-style:preserve-3d;box-shadow:0 6px 0 -1px #e4e7f5,0 26px 40px -24px rgba(30,27,75,.35)}.feature-card[data-aos]{transition:opacity .8s ease,transform .7s cubic-bezier(.2, .7, .2, 1),box-shadow .3s ease,border-color .3s ease}.feature-card[data-aos]:nth-child(2){transition-delay:90ms}.feature-card[data-aos]:nth-child(3){transition-delay:180ms}.feature-card[data-aos]:nth-child(4){transition-delay:270ms}.feature-card.was-tilted[data-aos]{transition-delay:0s}.feature-card[data-aos].active{transform:perspective(900px) translateY(var(--ty,0)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.feature-card[data-aos].active:hover{--ty:-8px;border-color:var(--primary);box-shadow:0 8px 0 -1px #c7d2fe,0 40px 50px -26px rgba(79,70,229,.55)}.feature-card.is-tilting[data-aos]{transition:transform .12s linear,box-shadow .3s ease,border-color .3s ease}.feature-card .feature-icon,.feature-card h3,.feature-card p{transition:transform .35s cubic-bezier(.2, .7, .2, 1)}.feature-card.is-tilting .feature-icon{transform:translateZ(56px)}.feature-card.is-tilting h3{transform:translateZ(34px)}.feature-card.is-tilting p{transform:translateZ(18px)}.feature-icon{background:var(--gradient);color:#fff;box-shadow:0 5px 0 var(--s3-edge),0 16px 20px -10px rgba(79,70,229,.7)}.feature-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--gx,50%) var(--gy,0),rgba(129,140,248,.22),transparent 55%);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card.is-tilting::after{opacity:1}.why-section{--why-rest:9deg}.why-section .hero-image[data-aos]{transition:opacity .8s ease,transform .8s cubic-bezier(.2, .7, .2, 1),box-shadow .4s ease}.why-section .hero-image[data-aos].active{transform:perspective(1100px) rotateY(calc(var(--why-rest) + var(--ry,0deg))) rotateX(var(--rx,0deg));box-shadow:-26px 34px 50px -24px rgba(30,27,75,.5),0 0 0 1px rgba(255,255,255,.7)}.why-section .hero-image.is-tilting[data-aos]{transition:transform .12s linear,box-shadow .4s ease}.why-list li i{width:2.2em;height:2.2em;display:grid;place-items:center;border-radius:.7em;background:#fff;box-shadow:0 3px 0 #cbd5e1,0 10px 14px -8px rgba(30,27,75,.4)}@media (max-width:1024px){.why-section{--why-rest:0deg}}.cta::before{content:"";position:absolute;left:-60%;right:-60%;bottom:0;height:190%;background-image:linear-gradient(rgba(129,140,248,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(129,140,248,.55) 1px,transparent 1px);background-size:60px 60px;transform:perspective(520px) rotateX(58deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(to top,#000 8%,transparent 62%);mask-image:linear-gradient(to top,#000 8%,transparent 62%);animation:aas3d-grid 5s linear infinite;animation-play-state:paused;pointer-events:none}.cta.is-inview::before{animation-play-state:running}.cta::after{content:"";position:absolute;left:50%;top:0;width:70%;height:100%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 40%,rgba(15,23,42,.85) 15%,transparent 65%);pointer-events:none}@keyframes aas3d-grid{to{background-position:0 60px,0 0}}@media (prefers-reduced-motion:reduce){[data-aos]{transform:none;transition:opacity .5s ease}.cta::before,.s3-coin,.s3-float{animation:none!important}.s3-bar,.s3-item{transition:none}.btn,.feature-card[data-aos]{transition:opacity .5s ease}}.nl-text{display:inline-block}.nl-face--alt{display:none}@media (min-width:1200px){.nav-links{--nl-h:1.3em;position:relative;isolation:isolate;align-items:center;gap:2px;padding:4px;border-radius:999px;background:linear-gradient(180deg,#eceff7 0,#f5f7fb 100%);border:1px solid #e2e8f0;box-shadow:inset 0 2px 5px rgba(15,23,42,.08),inset 0 -1px 0 rgba(255,255,255,.9),0 1px 0 #fff;perspective:700px}.nav-links li{display:flex}.nav-links a{position:relative;z-index:1;display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;font-size:.92rem;line-height:1.3;color:#475569;perspective:320px;transition:color .25s ease}.nav-links a.is-lit,.nav-links a:hover{color:var(--primary)}.nav-links a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.nav-links::before{content:"";position:absolute;z-index:0;top:4px;bottom:5px;left:0;width:var(--nav-ind-w,0);border-radius:999px;background:linear-gradient(180deg,#fff 0,#f3f5ff 100%);box-shadow:0 3px 0 #c7d2fe,0 10px 18px -8px rgba(79,70,229,.45),inset 0 1px 0 #fff;opacity:var(--nav-ind-o, 0);transform:translateX(var(--nav-ind-x,0)) rotateY(var(--nav-lean,0deg));transition:transform .5s cubic-bezier(.3, 1.3, .5, 1),width .5s cubic-bezier(.3, 1.3, .5, 1),opacity .25s ease,box-shadow .15s ease;pointer-events:none}.nav-links.nl-instant::before{transition:none}.nav-links:has(a:active)::before{transform:translateX(var(--nav-ind-x,0)) translateY(2px);box-shadow:0 1px 0 #c7d2fe,0 4px 8px -6px rgba(79,70,229,.5),inset 0 1px 0 #fff;transition-duration:.12s}.nav-links .nl-text{display:inline-grid;transform-style:preserve-3d;transform:translateZ(calc(var(--nl-h)/ -2));transition:transform .5s cubic-bezier(.2, .8, .2, 1)}.nav-links .nl-face{grid-area:1/1;display:block;height:var(--nl-h);line-height:var(--nl-h);white-space:nowrap;backface-visibility:hidden;transform:translateZ(calc(var(--nl-h)/ 2))}.nav-links .nl-face--alt{color:var(--primary);transform:rotateX(-90deg) translateZ(calc(var(--nl-h)/ 2))}}@media (min-width:1200px) and (hover:hover) and (pointer:fine){.nav-links a:focus-visible .nl-text,.nav-links a:hover .nl-text{transform:translateZ(calc(var(--nl-h)/ -2)) rotateX(90deg)}}@media (min-width:1200px) and (max-width:1365px){.nav-links a{padding:7px 11px;font-size:.88rem}}@media (max-width:1199px){.navbar .hamburger{flex:0 0 auto;width:40px;height:40px;align-items:center;justify-content:center;padding:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 3px 0 #c7d2fe,0 8px 14px -8px rgba(30,27,75,.35);transition:transform .15s ease,box-shadow .15s ease,background-color .2s ease,border-color .2s ease}.navbar .hamburger:hover{background:#f5f7ff}.navbar .hamburger:active{transform:translateY(3px);box-shadow:0 0 0 #c7d2fe,0 3px 6px -4px rgba(30,27,75,.35)}.navbar .hamburger.active{background:#eef2ff;border-color:#c7d2fe}.navbar .hamburger span{width:20px}.navbar .hamburger.active span{background:var(--primary)}.navbar .hamburger:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.navbar .nav-links{display:flex;position:absolute;top:calc(100% + 10px);left:auto;right:12px;z-index:2;width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 100% - 28px);max-height:calc(100dvh - 100% - 28px);flex-direction:column;gap:6px;margin:0;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 7px 0 #c7d2fe,0 34px 60px -24px rgba(30,27,75,.5);backdrop-filter:none;-webkit-backdrop-filter:none;overflow-y:auto;overscroll-behavior:contain;animation:none;transform-origin:calc(100% - 26px) 0;transform:perspective(900px) rotateX(-24deg) translateY(-14px) scale(.96);opacity:0;visibility:hidden;pointer-events:none;transition:transform .32s ease,opacity .2s ease,visibility 0s linear .32s}.navbar .nav-links.open{transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:transform .5s cubic-bezier(.2, .9, .25, 1.05),opacity .22s ease,visibility 0s}.navbar .nav-links li{width:100%;opacity:0;transform:perspective(700px) rotateX(-70deg) translateY(-6px);transform-origin:50% 0;transition:transform .2s ease,opacity .15s ease}.navbar .nav-links.open li{opacity:1;transform:none;transition:transform .55s cubic-bezier(.2, .9, .25, 1.1),opacity .3s ease;transition-delay:calc(90ms + var(--i, 0) * 45ms)}.navbar .nav-links a{display:flex;align-items:center;gap:12px;min-height:52px;padding:7px 14px 7px 7px;border:1px solid #eef0f6;border-radius:15px;background:#f8fafc;box-shadow:0 3px 0 #e2e8f0;color:var(--text-main);font-size:.98rem;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,background-color .2s ease,color .2s ease}.navbar .nav-links li:last-child a{border-bottom:1px solid #eef0f6}.navbar .nav-links li:last-child a.is-current{border-bottom-color:#dfe4ff}.navbar .nav-links a:hover{padding-left:7px;background:#f1f4ff;color:var(--primary)}.navbar .nav-links a:active{transform:translateY(3px);box-shadow:0 0 0 #e2e8f0}.navbar .nav-links a.is-current{background:#eef2ff;border-color:#dfe4ff;color:var(--primary);box-shadow:0 3px 0 #c7d2fe}.navbar .nav-links a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.navbar .nav-links a>i{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--gradient);color:#fff;font-size:.95rem;box-shadow:0 3px 0 var(--s3-edge),0 8px 12px -6px rgba(79,70,229,.6)}.navbar .nav-links a::after{content:"\f054";margin-left:auto;font-family:"Font Awesome 6 Free";font-weight:900;font-size:.72rem;color:#94a3b8;transition:transform .2s ease,color .2s ease}.navbar .nav-links a.is-current::after,.navbar .nav-links a:hover::after{color:var(--primary);transform:translateX(2px)}@media (max-width:414px){.navbar .hamburger{width:36px;height:36px;border-radius:11px}}}.aas3d-scrim{position:fixed;inset:0;z-index:999;background:rgba(15,23,42,.38);opacity:0;visibility:hidden;touch-action:none;transition:opacity .3s ease,visibility 0s linear .3s}.aas3d-nav-open .aas3d-scrim,.aas3d-notif-open .aas3d-scrim{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}.aas3d-nav-lock,.aas3d-nav-lock body,.aas3d-notif-lock,.aas3d-notif-lock body{overflow:hidden}@media (prefers-reduced-motion:reduce){.nav-links::before{transition:opacity .2s ease}.nav-links .nl-face,.nav-links .nl-text{transform:none!important;transition:none!important}.nav-links .nl-face--alt{display:none!important}.navbar .nav-links,.navbar .nav-links li{transform:none;transition:opacity .2s ease,visibility 0s linear .2s}.navbar .nav-links.open,.navbar .nav-links.open li{transform:none;transition:opacity .2s ease,visibility 0s}}.notif-bell-container .icon-btn{border-color:#e2e8f0;background:linear-gradient(180deg,#fff 0,#f4f6fb 100%);box-shadow:0 3px 0 #c7d2fe,0 8px 14px -8px rgba(30,27,75,.35),inset 0 1px 0 #fff;transition:transform .18s ease,box-shadow .18s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.notif-bell-container .icon-btn:hover{transform:translateY(-2px);color:var(--primary);background:linear-gradient(180deg,#fff 0,#eef2ff 100%);box-shadow:0 5px 0 #c7d2fe,0 14px 20px -10px rgba(79,70,229,.45),inset 0 1px 0 #fff}.notif-bell-container.is-open .icon-btn{color:#fff;border-color:transparent;background:var(--gradient);box-shadow:0 3px 0 var(--s3-edge),0 10px 18px -8px rgba(79,70,229,.6),inset 0 1px 0 rgba(255,255,255,.25)}.notif-bell-container .icon-btn:active{transform:translateY(3px);box-shadow:0 0 0 #c7d2fe,0 3px 6px -4px rgba(30,27,75,.35),inset 0 1px 0 rgba(255,255,255,.4);transition-duration:80ms}.notif-bell-container .icon-btn i{transform-origin:50% 8%;text-shadow:0 1px 0 rgba(255,255,255,.8),0 2px 3px rgba(30,27,75,.18)}.notif-bell-container.is-open .icon-btn i{text-shadow:0 1px 2px rgba(30,27,75,.35)}.notif-bell-container.has-unread:not(.is-open) .icon-btn i{animation:aas3d-bell-idle 6s ease-in-out 1.2s infinite}@media (hover:hover) and (pointer:fine){.notif-bell-container .icon-btn:hover i,.notif-bell-container.has-unread:not(.is-open) .icon-btn:hover i{animation:aas3d-bell-ring .8s ease-in-out}}@keyframes aas3d-bell-ring{0%,100%{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}@keyframes aas3d-bell-idle{0%,100%,14%{transform:rotate(0)}2%{transform:rotate(16deg)}4%{transform:rotate(-14deg)}6%{transform:rotate(10deg)}8%{transform:rotate(-6deg)}10%{transform:rotate(3deg)}}.notif-badge{border-radius:999px;background:linear-gradient(180deg,#f87171 0,#ef4444 55%,#dc2626 100%);box-shadow:0 2px 0 #b91c1c,0 4px 8px -2px rgba(239,68,68,.55);animation:none}.notif-badge::after{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:inherit;border:2px solid rgba(239,68,68,.6);animation:aas3d-badge-ping 2s ease-out infinite;pointer-events:none}@keyframes aas3d-badge-ping{0%{transform:scale(1);opacity:.9}100%,70%{transform:scale(1.9);opacity:0}}@keyframes aas3d-unfold{from{opacity:0;transform:perspective(900px) rotateX(-24deg) translateY(-12px) scale(.96)}to{opacity:1;transform:none}}@keyframes aas3d-fade-in{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.notif-badge::after,.notif-bell-container .icon-btn i,.notif-bell-container .icon-btn:hover i,.notif-bell-container.has-unread:not(.is-open) .icon-btn i{animation:none!important}}.notif-dropdown{--notif-caret-x:calc(100% - 27px);right:-6px;width:360px;max-height:min(520px,calc(100vh - 110px));background:#fff;border:1px solid #e2e8f0;border-radius:20px;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 6px 0 #c7d2fe,0 30px 60px -24px rgba(30,27,75,.5);overflow:visible;cursor:default;text-align:left;transform-origin:var(--notif-caret-x) 0;animation:aas3d-unfold .45s cubic-bezier(.2,.9,.25,1.05)}.notif-dropdown:focus{outline:0}.notif-dropdown::before{content:"";position:absolute;top:-7px;left:var(--notif-caret-x);width:14px;height:14px;margin-left:-7px;background:#f5f7ff;border-top:1px solid #e2e8f0;border-left:1px solid #e2e8f0;border-top-left-radius:4px;transform:rotate(45deg)}.notif-dropdown-header{position:relative;z-index:1;gap:10px;padding:12px 12px 12px 14px;border-bottom:1px solid #e8ebf5;border-radius:19px 19px 0 0;background:linear-gradient(180deg,#f5f7ff 0,#fff 100%)}.notif-dropdown-header h4{gap:10px;min-width:0;font-size:1rem;font-weight:800;color:var(--dark)}.notif-dropdown-header h4>i{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--gradient);color:#fff;font-size:.85rem;box-shadow:0 3px 0 var(--s3-edge),0 8px 12px -6px rgba(79,70,229,.6)}.notif-dropdown-header h4[data-count]:not([data-count="0"])::after{content:attr(data-count);display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#eef2ff;color:var(--primary);font-size:.72rem;font-weight:800;box-shadow:inset 0 0 0 1px #dfe4ff,0 2px 0 #c7d2fe}.notif-dropdown-header .close-btn{flex:0 0 auto;width:34px;height:34px;padding:0;border:1px solid #e2e8f0;border-radius:11px;background:#fff;box-shadow:0 2px 0 #e2e8f0;transition:transform .15s ease,box-shadow .15s ease,color .2s ease,background-color .2s ease,border-color .2s ease}.notif-dropdown-header .close-btn:hover{background:#fff5f5;border-color:#fecaca;box-shadow:0 2px 0 #fecaca}.notif-dropdown-header .close-btn:active{transform:translateY(2px);box-shadow:0 0 0 #fecaca}.notif-dropdown-header .close-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.notif-dropdown-list{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;max-height:none;padding:10px;background:#f6f8fc;border-radius:0 0 19px 19px;box-shadow:inset 0 3px 6px -3px rgba(15,23,42,.08);overscroll-behavior:contain}.notif-dropdown-list::-webkit-scrollbar-thumb{background:#c7d2fe}.notif-item{display:grid;grid-template-columns:34px 1fr;column-gap:12px;row-gap:5px;align-items:start;padding:11px 12px 11px 10px;border:1px solid #eef0f6;border-radius:14px;background:#fff;box-shadow:0 3px 0 #e2e8f0,0 8px 14px -12px rgba(30,27,75,.35);animation:aas3d-item-in .5s cubic-bezier(.2,.9,.25,1.1) backwards;animation-delay:calc(90ms + var(--i, 0) * 45ms);transition:transform .18s ease,box-shadow .18s ease,border-color .2s ease}.notif-item:last-child{border-bottom:1px solid #eef0f6}.notif-item::before{content:"\f0a1";grid-row:1/span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(180deg,#eef2ff 0,#e0e7ff 100%);color:var(--primary);font-family:"Font Awesome 6 Free";font-weight:900;font-size:.8rem;box-shadow:0 2px 0 #c7d2fe}.notif-item-date,.notif-item-text{grid-column:2;min-width:0}.notif-item:hover{transform:translateY(-2px);background-color:#fff;border-color:#dfe4ff;box-shadow:0 5px 0 #c7d2fe,0 14px 20px -14px rgba(79,70,229,.45)}.notif-item-text{font-size:.86rem;font-weight:500}.notif-item-date{justify-self:start;padding:2px 8px;border-radius:999px;background:#f1f5f9;font-size:.7rem;font-weight:600}@keyframes aas3d-item-in{from{opacity:0;transform:perspective(700px) rotateX(-60deg) translateY(-6px)}to{opacity:1;transform:none}}.notif-empty-state{padding:26px 16px 22px;gap:14px}.notif-empty-state i{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(180deg,#fff 0,#eef2ff 100%);border:1px solid #e0e7ff;color:var(--primary);font-size:1.5rem;box-shadow:0 5px 0 #c7d2fe,0 18px 24px -14px rgba(79,70,229,.5);animation:aas3d-empty-float 3.2s ease-in-out infinite alternate}.notif-empty-state p{font-size:.9rem;font-weight:600;color:#64748b}@keyframes aas3d-empty-float{from{transform:perspective(320px) translateY(-3px) rotateY(-14deg)}to{transform:perspective(320px) translateY(3px) rotateY(14deg)}}@media (max-width:1199px){.navbar .notif-dropdown{--notif-caret-x:calc(100% - 40px);position:fixed;top:calc(var(--aas3d-nav-h,64px) + 10px);left:auto;right:12px;width:min(400px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - var(--aas3d-nav-h,64px) - 28px);max-height:calc(100dvh - var(--aas3d-nav-h,64px) - 28px)}.notif-bell-container.is-placed .notif-dropdown{left:var(--notif-left,12px);right:auto;--notif-caret-x:var(--notif-caret-px, calc(100% - 40px))}.notif-dropdown-header .close-btn{width:38px;height:38px}.notif-item-text{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.notif-dropdown{animation:aas3d-fade-in .2s ease}.notif-empty-state i,.notif-item{animation:none}.notif-item:hover{transform:none}}