.page-hero-animated .progressive-title{position:relative;display:block;max-width:920px}
.page-title-word{display:inline-block;opacity:0;transform:translateY(20px);filter:blur(6px);animation:cifaciWordReveal .55s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--word-index) * .14s)}
.page-hero-animated .progressive-title::after{content:"";display:inline-block;width:3px;height:1em;margin-left:8px;vertical-align:-.08em;background:#ffd15c;animation:cifaciCursorBlink .85s steps(1,end) infinite}
.page-hero-animated{overflow:hidden}
.page-hero-animated p,.page-hero-animated .eyebrow{animation:cifaciFadeUp .8s ease forwards;opacity:0;transform:translateY(12px)}
.page-hero-animated .eyebrow{animation-delay:.1s}
.page-hero-animated p{animation-delay:.9s}
.page-hero-animated .progressive-title{animation:cifaciTitleGlow 3s ease-in-out 1.4s infinite alternate}
@keyframes cifaciWordReveal{to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes cifaciCursorBlink{0%,45%{opacity:1}46%,100%{opacity:0}}
@keyframes cifaciFadeUp{to{opacity:1;transform:translateY(0)}}
@keyframes cifaciTitleGlow{0%{text-shadow:none}100%{text-shadow:0 0 24px rgba(255,255,255,.16),0 0 38px rgba(255,209,92,.12)}}

.dash-shell{align-items:stretch}
.sidebar,.portal-sidebar,.admin-sidebar{background:linear-gradient(180deg,#003d46 0%,#004c56 62%,#005764 100%)!important;color:#e9f5f6;display:flex;flex-direction:column;gap:14px;min-height:100vh;height:100vh;overflow:hidden;box-shadow:8px 0 30px rgba(0,0,0,.12)}
.sidebar img{display:block}
.sidebar-quick-actions{display:grid;gap:10px;margin-top:4px;position:relative;z-index:2}
.sidebar-quick-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.08);color:#ffffff!important;font-weight:800;border:1px solid rgba(255,255,255,.09);transition:.2s ease}
.sidebar-quick-link.prominent{box-shadow:0 8px 24px rgba(0,0,0,.12)}
.sidebar-quick-link:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}
.sidebar-quick-link.danger{background:rgba(180,35,24,.22);border-color:rgba(255,255,255,.08)}
.sidebar-scroll-area,.side-nav{margin-top:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;gap:6px;flex:1 1 auto;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}
.sidebar-scroll-area::-webkit-scrollbar,.side-nav::-webkit-scrollbar{width:8px}
.sidebar-scroll-area::-webkit-scrollbar-thumb,.side-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:999px}
.side-nav a{display:flex;align-items:center;gap:10px;min-height:46px;padding:11px 13px;border-radius:12px;margin:0;color:#dff1f2!important;background:transparent;border:1px solid transparent;font-weight:600}
.side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.12)!important;color:#ffd15c!important;border-color:rgba(255,255,255,.08)}
.notification-nav-link{justify-content:space-between}
.nav-unread-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:999px;background:#ffd15c;color:#14333a;font-size:11px;font-weight:900}
.mobile-sidebar-toggle{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;text-align:left}

@media(max-width:980px){
  .sidebar,.portal-sidebar,.admin-sidebar{height:auto;min-height:auto;overflow:visible}
  .sidebar-quick-actions{position:static}
  .sidebar-scroll-area,.side-nav{max-height:none;overflow:visible}
}