.notification-bell{position:relative}.notification-bell__badge{position:absolute;top:-.15rem;right:-.15rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background:#2dd4bf;color:#0a0e1a;font-size:.65rem;font-weight:700;line-height:1.1rem;text-align:center}.notification-bell__panel{width:min(22rem,85vw);max-height:24rem;display:flex;flex-direction:column}.notification-bell__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.25rem .25rem .75rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.notification-bell__header h3{margin:0;font-size:.95rem;font-weight:600;color:#fff}.notification-bell__mark-all{border:none;background:transparent;color:#2dd4bf;font-size:.75rem;font-weight:500;cursor:pointer;padding:0}.notification-bell__mark-all:disabled{opacity:.45;cursor:default}.notification-bell__empty{padding:1.25rem .5rem;text-align:center;color:#64748b;font-size:.85rem}.notification-bell__list{list-style:none;margin:0;padding:.5rem 0 0;overflow-y:auto;max-height:18rem}.notification-bell__item{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;padding:.7rem .65rem;border:none;border-radius:.5rem;background:transparent;color:#94a3b8;text-align:left;cursor:pointer;transition:background .15s ease}.notification-bell__item:hover{background:#ffffff0a}.notification-bell__item--unread{background:#2dd4bf1f;color:#fff}.notification-bell__item--unread:hover{background:#2dd4bf2e}.notification-bell__item-title{font-size:.85rem;font-weight:600}.notification-bell__item-body{font-size:.8rem;color:#94a3b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-bell__item-time{font-size:.7rem;color:#64748b}.network-nav__bell{position:relative;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08);color:#94a3b8;cursor:pointer}.network-nav__bell:hover{color:#2dd4bf}.network-nav{display:flex;align-items:center;gap:2rem;padding:1rem 2rem;border-bottom:1px solid hsla(0,0%,100%,.08);background:#0a0e1a}.network-nav__logo-link{flex:none;display:flex}.network-nav__logo{height:2rem;width:auto}.network-nav__tabs{display:flex;align-items:center;gap:1.5rem;flex:1}.network-nav__tab{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;text-decoration:none;color:#94a3b8}.network-nav__tab i{font-size:.9rem}.network-nav__tab--active{color:#2dd4bf}.network-nav__tab--inert{cursor:default;opacity:.5}.network-nav__actions{display:flex;align-items:center;gap:1rem}.network-nav__search{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:999px;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08);color:#64748b}.network-nav__search input{background:transparent;border:none;outline:none;color:#fff;font-size:.85rem;width:9rem}.network-nav__search input::-moz-placeholder{color:#64748b}.network-nav__search input::placeholder{color:#64748b}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--float-distance, 10px)*-1))}}.network-shell{min-height:100vh;background:url(../images/parallax_home2.png);background-size:cover;background-attachment:fixed}
