:root {
    --bg:#02091b;
    --surface:#06142d;
    --card:#071a38;
    --border:#16488d;
    --purple:#8b35ff;
    --magenta:#f238d5;
    --cyan:#17d9ff;
    --text:#f5f7ff;
    --muted:#8da1c6
}
* {
    box-sizing:border-box
}
body {
    margin:0;
    background:radial-gradient(circle at 80% 0,#071a3d 0,#02091b 35%);
    color:var(--text);
    font-family:Inter,sans-serif;
    font-size:14px
}
a {
    color:inherit;
    text-decoration:none
}
.fh-nav {
    height:68px;
    display:flex;
    align-items:center;
    padding:0 24px;
    border-bottom:1px solid #153b78;
    background:#02091be8;
    position:sticky;
    top:0;
    z-index:20;
    backdrop-filter:blur(15px)
}
.brand {
    display:flex;
    align-items:center;
    gap:8px;
    font-size:19px;
    font-weight:800;
    min-width:190px
}
.brand img {
    width:38px;
    height:38px;
    object-fit:cover;
    border-radius:8px
}
.brand b {
    color:#dc42f5
}
.brand small {
    display:block;
    font-size:8px;
    font-weight:500
}
.navlinks {
    display:flex;
    gap:20px;
    align-items:center;
    flex:1;
    font-size:12px
}
.navlinks a:hover,.side-link:hover {
    color:var(--cyan)
}
.nav-actions {
    display:flex;
    gap:15px;
    font-size:18px
}
.hero {
    min-height:480px;
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    padding:60px max(5vw,30px)
}
.hero h1 {
    font-size:54px;
    font-weight:800;
    line-height:1.05
}
.hero em {
    font-style:normal;
    background:linear-gradient(90deg,#fff,#b841ff,#17d9ff);
    -webkit-background-clip:text;
    color:transparent
}
.eyebrow {
    color:var(--cyan);
    font-size:12px
}
.btn-neon,.btn-ghost,.filterbar button,.quick-grid button,.icon-btn {
    border:1px solid #4a55ff;
    border-radius:7px;
    padding:9px 16px;
    color:white;
    background:linear-gradient(90deg,#7636f7,#b72df0);
    transition:.25s
}
.btn-neon:hover {
    transform:translateY(-2px);
    box-shadow:0 0 20px #8b35ff88
}
.btn-ghost {
    background:#06142dbb
}
.page-wrap,.panel-content {
    max-width:1500px;
    margin:auto;
    padding:24px
}
.page-wrap.narrow,.panel-content.narrow {
    max-width:1000px
}
.page-wrap h3,.panel-content h3 {
    font-size:17px;
    margin:20px 0 12px
}
.card-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px
}
.card-grid.four {
    grid-template-columns:repeat(4,1fr)
}
.media-card,.featured,.glass,.stat,.submission {
    background:linear-gradient(145deg,#071832,#051229);
    border:1px solid #153e7b;
    border-radius:10px;
    overflow:hidden;
    box-shadow:inset 0 0 25px #061c3b
}
.media-card {
    transition:.25s
}
.media-card:hover {
    transform:translateY(-4px);
    border-color:#753cff;
    box-shadow:0 8px 28px #5f2dff22
}
.media-card img {
    width:100%;
    height:130px;
    object-fit:cover
}
.media-card div {
    padding:10px
}
.media-card small,.muted {
    display:block;
    color:var(--muted);
    margin-top:5px
}
.split {
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:16px
}
.featured {
    display:flex;
    min-height:180px
}
.featured img {
    width:42%;
    object-fit:cover
}
.featured>div {
    padding:18px
}
.featured.compact {
    min-height:130px
}
.fandom-icons {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px
}
.fandom-icons div {
    border:1px solid #173d78;
    background:#071832;
    border-radius:9px;
    text-align:center;
    padding:14px
}
.fandom-icons i {
    display:block;
    font-size:24px;
    color:#c443ff
}
.mini-hero,.character-hero {
    border:1px solid #19488c;
    border-radius:12px;
    padding:35px;
    background-size:cover;
    background-position:center
}
.search {
    background:#081a38;
    border:1px solid #163b70;
    color:#8fa2c5;
    padding:10px 14px;
    border-radius:7px;
    min-width:330px
}
.search.wide {
    max-width:600px
}
.filterbar {
    display:flex;
    gap:8px;
    margin:14px 0;
    flex-wrap:wrap
}
.filterbar button {
    background:#071a38;
    border-color:#183f78
}
.filterbar input,input {
    background:#071a38;
    border:1px solid #173d78;
    color:#fff;
    padding:10px;
    border-radius:7px;
    width:100%
}
.explore-layout {
    display:grid;
    grid-template-columns:180px 1fr;
    gap:18px
}
.filter-side {
    background:#06142d;
    border:1px solid #173d78;
    border-radius:9px;
    padding:15px;
    height:max-content
}
.filter-side a {
    display:block;
    padding:8px;
    color:#a9b7d1
}
.character-hero {
    min-height:360px;
    display:flex;
    align-items:flex-end
}
.glass {
    padding:18px
}
.activity {
    display:flex;
    align-items:center;
    gap:10px;
    border-bottom:1px solid #16345e;
    padding:10px 0
}
.avatar-mini {
    display:inline-block;
    width:32px;
    height:32px;
    border-radius:50%;
    background-size:cover;
    background-position:center;
    vertical-align:middle
}
.article-hero {
    width:100%;
    max-height:420px;
    object-fit:cover;
    border-radius:12px
}
.prose {
    font-size:16px;
    line-height:1.8
}
.fh-footer {
    padding:28px;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    align-items:center;
    gap:20px;
    border-top:1px solid #153b78;
    background:#020817;
    margin-top:35px
}
.panel-shell {
    display:grid;
    grid-template-columns:210px 1fr;
    min-height:100vh
}
.sidebar {
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    width:210px;
    background:#031028;
    border-right:1px solid #153b78;
    padding:14px 10px;
    overflow-y:auto
}
.sidebar .brand {
    margin-bottom:18px
}
.side-link {
    display:flex;
    align-items:center;
    gap:11px;
    padding:10px 12px;
    border-radius:7px;
    color:#d6def0;
    font-size:12px
}
.side-link:first-of-type {
    background:linear-gradient(90deg,#7138f5,#1749d5)
}
.side-link.pink {
    color:#f346b9
}
.panel-main {
    grid-column:2
}
.topbar {
    height:64px;
    border-bottom:1px solid #153b78;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 24px;
    position:sticky;
    top:0;
    background:#02091bee;
    backdrop-filter:blur(15px);
    z-index:10
}
.dashboard-hero {
    min-height:210px;
    border:1px solid #1751a0;
    border-radius:12px;
    padding:22px;
    display:flex;
    align-items:center;
    gap:18px;
    background-size:cover;
    background-position:center
}
.avatar {
    width:92px;
    height:92px;
    border-radius:50%;
    background-size:cover;
    background-position:center;
    border:3px solid #963cff;
    display:block;
    flex:none
}
.metrics {
    display:flex;
    gap:10px;
    margin-left:auto;
    align-self:flex-end
}
.metrics div {
    background:#071a38dd;
    border:1px solid #16458b;
    border-radius:8px;
    padding:10px 16px;
    min-width:90px;
    text-align:center
}
.metrics strong {
    display:block;
    font-size:20px
}
.metrics small {
    color:#9aadd0
}
.profile-cover {
    height:180px;
    border-radius:12px;
    background-size:cover;
    background-position:center
}
.profile-head {
    display:flex;
    align-items:center;
    gap:18px;
    margin:-45px 18px 20px
}
.settings-nav a {
    display:block;
    padding:12px;
    border-bottom:1px solid #17345e
}
.auth-wrap {
    min-height:75vh;
    display:grid;
    place-items:center
}
.auth-card {
    width:min(420px,90vw)
}
label {
    display:block;
    color:#b8c5dd;
    margin:10px 0 5px
}
.status {
    background:#725013;
    color:#ffd76b;
    padding:5px 9px;
    border-radius:12px;
    font-size:10px
}
.submission {
    display:flex;
    align-items:center;
    gap:14px;
    padding:10px;
    margin:10px 0
}
.submission img {
    width:100px;
    height:65px;
    object-fit:cover;
    border-radius:7px
}
.submission div {
    flex:1
}
.submission small {
    display:block;
    color:#8da1c6
}
.icon-btn {
    padding:5px 9px
}
.auth-card a {
    display:block;
    text-align:center;
    margin-top:12px;
    color:#bd62ff
}
@media(max-width:1000px) {
    .navlinks {
        display:none
    }
    .card-grid,.card-grid.four {
        grid-template-columns:repeat(2,1fr)
    }
    .split {
        grid-template-columns:1fr
    }
    .panel-shell {
        grid-template-columns:72px 1fr
    }
    .sidebar {
        width:72px
    }
    .sidebar .brand span,.side-link:not(i) {
        font-size:0
    }
    .sidebar .brand {
        min-width:0
    }
    .sidebar .brand img {
        width:42px
    }
    .side-link i {
        font-size:18px
    }
    .panel-main {
        grid-column:2
    }
    .metrics {
        flex-wrap:wrap
    }
    .quick-grid {
        grid-template-columns:repeat(2,1fr)
    }
}
@media(max-width:600px) {
    .fh-nav {
        padding:0 12px
    }
    .brand {
        min-width:0
    }
    .hero {
        min-height:430px;
        padding:35px 18px
    }
    .hero h1 {
        font-size:36px
    }
    .page-wrap,.panel-content {
        padding:14px
    }
    .card-grid,.card-grid.four {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px
    }
    .media-card img {
        height:100px
    }
    .split,.explore-layout {
        grid-template-columns:1fr
    }
    .filter-side {
        display:none
    }
    .fh-footer {
        grid-template-columns:1fr
    }
    .topbar .search {
        min-width:0;
        width:150px
    }
    .dashboard-hero {
        display:block
    }
    .metrics {
        margin:15px 0 0;
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .profile-head {
        display:block
    }
    .profile-head .metrics {
        display:flex
    }
    .sidebar {
        width:58px
    }
    .panel-shell {
        grid-template-columns:58px 1fr
    }
    .sidebar .brand img {
        width:36px;
        height:36px
    }
    .side-link {
        padding:9px
    }
    .quick-grid {
        grid-template-columns:1fr 1fr
    }
}
 .nav-search {
    display:flex;
    align-items:center;
    gap:8px;
    width:min(330px,25vw);
    background:#06142d;
    border:1px solid #173f79;
    border-radius:8px;
    padding:0 10px;
    margin-right:14px
}
.nav-search input {
    border:0;
    background:transparent;
    padding:8px 2px;
    outline:0
}
.nav-drop {
    position:relative;
    height:68px;
    display:flex;
    align-items:center
}
.nav-drop>a i {
    font-size:9px
}
.nav-menu {
    position:absolute;
    top:58px;
    left:-10px;
    min-width:170px;
    padding:8px;
    background:#06142df5;
    border:1px solid #22509a;
    border-radius:9px;
    box-shadow:0 18px 45px #0009;
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:.2s
}
.nav-drop:hover .nav-menu {
    opacity:1;
    visibility:visible;
    transform:none
}
.nav-menu a {
    display:block;
    padding:9px 10px;
    border-radius:6px
}
.nav-menu a:hover {
    background:#5b2ee744;
    color:white
}
.mobile-nav-btn {
    display:none;
    background:transparent;
    border:0;
    color:white;
    font-size:25px
}
.mobile-links a {
    display:block;
    padding:12px;
    border-bottom:1px solid #17345e
}
.fh-footer {
    display:block;
    padding:0;
    border-top:1px solid #6e32ee;
    background:linear-gradient(180deg,#041129,#020817);
    margin-top:50px
}
.footer-main {
    max-width:1500px;
    margin:auto;
    display:grid;
    grid-template-columns:1.55fr .7fr .8fr .9fr 1.45fr;
    gap:34px;
    padding:42px 28px 32px
}
.footer-main h5 {
    font-size:14px;
    margin-bottom:14px
}
.footer-main a {
    display:block;
    color:#b8c6df;
    font-size:12px;
    padding:4px 0
}
.footer-main a:hover {
    color:#24dcff
}
.footer-about p,.newsletter p {
    color:#9baccb;
    line-height:1.65;
    font-size:12px;
    max-width:320px
}
.socials {
    display:flex;
    gap:16px;
    font-size:20px;
    margin-top:15px
}
.socials i:nth-child(odd) {
    color:#2fdcff
}
.socials i:nth-child(even) {
    color:#e747ee
}
.newsletter>div {
    display:flex;
    gap:8px
}
.newsletter input {
    min-width:0
}
.newsletter .btn-neon {
    white-space:nowrap
}
.footer-bottom {
    border-top:1px solid #17345e;
    max-width:100%;
    padding:18px max(28px,calc((100vw - 1444px)/2));
    display:flex;
    justify-content:space-between;
    color:#879abc;
    font-size:11px
}
.category-hero {
    min-height:260px;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.category-hero h1 {
    font-size:44px;
    font-weight:800;
    margin:5px 0
}
.category-toolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:18px 0
}
.category-toolbar>div {
    display:flex;
    gap:8px;
    flex-wrap:wrap
}
.category-toolbar a {
    padding:8px 13px;
    background:#071a38;
    border:1px solid #173f79;
    border-radius:7px;
    font-size:12px
}
.category-toolbar a.active,.category-toolbar a:hover {
    background:linear-gradient(90deg,#7138f5,#1749d5)
}
.category-toolbar .search {
    width:280px;
    min-width:0
}
.category-grid {
    grid-template-columns:repeat(4,1fr)
}
.preview-media {
    position:relative;
    overflow:hidden
}
.preview-media img {
    transition:transform .45s
}
.category-card:hover .preview-media img {
    transform:scale(1.07)
}
.preview-badge,.duration {
    position:absolute;
    bottom:8px;
    padding:4px 7px;
    border-radius:6px;
    font-size:10px;
    backdrop-filter:blur(8px)
}
.preview-badge {
    left:8px;
    background:#7d35efdd
}
.duration {
    right:8px;
    background:#020817dd
}
.card-copy {
    color:#8da1c6;
    font-size:11px;
    line-height:1.45;
    margin:8px 0
}
.tiny-action {
    color:#44dcff;
    font-size:11px
}
@media(max-width:1200px) {
    .nav-search {
        display:none
    }
    .footer-main {
        grid-template-columns:1.4fr 1fr 1fr
    }
    .newsletter {
        grid-column:2/4
    }
}
@media(max-width:1000px) {
    .mobile-nav-btn {
        display:block;
        margin-left:auto
    }
    .nav-actions {
        margin-left:12px
    }
    .footer-main {
        grid-template-columns:repeat(2,1fr)
    }
    .newsletter {
        grid-column:auto
    }
    .category-grid {
        grid-template-columns:repeat(3,1fr)
    }
}
@media(max-width:600px) {
    .fh-nav .brand span {
        display:none
    }
    .footer-main {
        grid-template-columns:1fr;
        padding:32px 18px
    }
    .footer-bottom {
        padding:16px 18px;
        display:block
    }
    .footer-bottom span {
        display:block;
        margin:5px 0
    }
    .category-toolbar {
        display:block
    }
    .category-toolbar .search {
        width:100%;
        margin-top:12px
    }
    .category-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .category-hero h1 {
        font-size:34px
    }
}
 .old-nav {
    height:58px;
    padding:0 18px
}
.old-nav .brand {
    min-width:165px;
    font-size:17px
}
.old-nav .brand img {
    width:34px;
    height:34px
}
.old-nav .navlinks {
    gap:15px;
    font-size:10px;
    white-space:nowrap
}
.old-nav .navlinks>a {
    height:58px;
    display:flex;
    align-items:center;
    border-bottom:2px solid transparent
}
.old-nav .navlinks>a.active,.old-nav .navlinks>a:hover {
    color:#fff;
    border-bottom-color:#8b35ff
}
.old-nav .nav-search {
    height:34px;
    width:min(300px,22vw);
    margin-left:auto
}
.old-nav .nav-search button,.nav-icon {
    background:transparent;
    border:0;
    color:#dbe5ff
}
.old-nav .nav-actions {
    align-items:center
}
.footer-link,.socials button {
    display:block;
    background:transparent;
    border:0;
    color:#b8c6df;
    padding:4px 0;
    font:inherit;
    text-align:left
}
.socials button {
    font-size:20px
}
.mobile-search {
    display:flex;
    gap:8px;
    margin-bottom:14px
}
.mobile-search .btn-neon {
    padding:8px 12px
}
.mobile-links a {
    display:flex;
    justify-content:space-between
}
.section-heading {
    display:flex;
    justify-content:space-between;
    align-items:end;
    margin:20px 0 12px
}
.section-heading h3 {
    margin:0
}
.section-heading p {
    margin:5px 0 0;
    color:var(--muted);
    font-size:11px
}
.section-heading>span {
    color:var(--cyan);
    font-size:11px
}
.category-toolbar button {
    padding:8px 13px;
    background:#071a38;
    border:1px solid #173f79;
    border-radius:7px;
    color:#fff;
    font-size:12px
}
.category-toolbar button.active,.category-toolbar button:hover {
    background:linear-gradient(90deg,#7138f5,#1749d5)
}
.preview-media {
    height:160px;
    background:#020817
}
.preview-media img,.preview-media video {
    width:100%;
    height:100%;
    object-fit:cover
}
.preview-media video {
    position:absolute;
    inset:0;
    opacity:0;
    transition:.25s
}
.preview-media video.playing {
    opacity:1
}
.card-actions {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px
}
.play-preview {
    border:1px solid #5e45dc;
    background:#4522a9;
    color:#fff;
    border-radius:6px;
    padding:6px 9px;
    font-size:10px
}
.play-preview:hover {
    background:#7335ef
}
.category-card[hidden] {
    display:none!important
}
.newsletter-status {
    display:block;
    color:#31e2b5;
    margin-top:8px
}
.media-card img {
    background:#06142d
}
@media(max-width:1320px) {
    .old-nav .navlinks {
        gap:10px;
        font-size:9px
    }
    .old-nav .nav-search {
        width:220px
    }
    .old-nav .brand {
        min-width:145px
    }
}
@media(max-width:1100px) {
    .old-nav .navlinks,.old-nav .nav-search {
        display:none
    }
    .old-nav .mobile-nav-btn {
        display:block;
        margin-left:auto
    }
    .old-nav .nav-actions {
        margin-left:12px
    }
}
@media(max-width:768px) {
    body {
        font-size:13px
    }
    .hero {
        min-height:390px;
        background-position:62% center
    }
    .hero h1 {
        font-size:38px
    }
    .split {
        display:block
    }
    .featured {
        display:block
    }
    .featured img {
        width:100%;
        height:180px
    }
    .fandom-icons {
        grid-template-columns:repeat(4,1fr)
    }
    .footer-main {
        grid-template-columns:repeat(2,1fr)
    }
    .category-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .preview-media {
        height:125px
    }
    .category-hero {
        min-height:210px
    }
    .page-wrap {
        padding:14px
    }
    .section-heading {
        align-items:start
    }
    .section-heading>span {
        display:none
    }
}
@media(max-width:480px) {
    .old-nav {
        height:54px;
        padding:0 10px
    }
    .old-nav .brand img {
        width:32px;
        height:32px
    }
    .old-nav .brand span {
        display:block;
        font-size:14px
    }
    .old-nav .brand small {
        font-size:7px
    }
    .nav-actions {
        gap:10px
    }
    .hero {
        min-height:360px
    }
    .hero h1 {
        font-size:32px
    }
    .hero .btn-neon,.hero .btn-ghost {
        display:inline-block;
        margin:5px 4px 0 0!important;
        padding:8px 11px;
        font-size:11px
    }
    .card-grid,.card-grid.four,.category-grid {
        grid-template-columns:1fr 1fr
    }
    .media-card img {
        height:105px
    }
    .preview-media {
        height:112px
    }
    .media-card div {
        padding:8px
    }
    .card-copy {
        display:none
    }
    .play-preview {
        padding:5px 6px
    }
    .fandom-icons {
        grid-template-columns:repeat(2,1fr)
    }
    .footer-main {
        grid-template-columns:1fr
    }
    .newsletter>form>div {
        display:flex
    }
    .category-toolbar>div {
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .category-toolbar button {
        width:100%
    }
    .category-hero h1 {
        font-size:30px
    }
    .footer-bottom {
        font-size:10px
    }
}
 .old-nav .navlinks {
    font-size:13px;
    font-weight:500;
    gap:18px
}
.old-nav .navlinks>a {
    letter-spacing:-.01em
}
.old-nav {
    min-height:64px;
    height:64px
}
.old-nav .navlinks>a {
    height:64px
}
.old-nav .brand {
    font-size:18px
}
.newsletter form>div {
    display:flex;
    align-items:stretch;
    gap:8px
}
.newsletter form input {
    height:42px;
    min-width:0
}
.newsletter form .btn-neon {
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 18px
}
.events-hero {
    min-height:280px;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.events-hero h1 {
    font-size:44px;
    font-weight:800;
    margin:6px 0
}
.events-hero p {
    color:#c2cce0;
    max-width:620px
}
.event-filters button.active {
    background:linear-gradient(90deg,#7138f5,#1749d5)
}
.event-list {
    display:grid;
    gap:16px;
    margin-top:20px
}
.event-row {
    display:grid;
    grid-template-columns:300px 1fr;
    background:linear-gradient(145deg,#071832,#051229);
    border:1px solid #153e7b;
    border-radius:12px;
    overflow:hidden;
    transition:.25s
}
.event-row:hover {
    border-color:#7335ef;
    transform:translateY(-2px)
}
.event-row>img {
    width:100%;
    height:220px;
    object-fit:cover
}
.event-info {
    padding:22px
}
.event-info h3 {
    font-size:22px;
    margin:8px 0
}
.event-info p {
    line-height:1.65
}
.event-tag {
    display:inline-block;
    padding:5px 9px;
    border:1px solid #7747ef;
    background:#5d2bd933;
    border-radius:20px;
    color:#d9c6ff;
    font-size:11px
}
.detail-page {
    padding-top:30px
}
.back-link {
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#9db3d9;
    margin-bottom:18px
}
.back-link:hover {
    color:var(--cyan)
}
.content-detail {
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
    gap:30px;
    background:linear-gradient(145deg,#071832,#041027);
    border:1px solid #17488d;
    border-radius:16px;
    padding:20px
}
.detail-media {
    position:relative;
    min-height:480px;
    border-radius:12px;
    overflow:hidden;
    background:#020817
}
.detail-media>img,.detail-media>video {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.detail-media>video {
    display:none;
    background:#000
}
.detail-media.video-active>video {
    display:block
}
.detail-media.video-active>img {
    display:none
}
.detail-play {
    position:absolute;
    left:18px;
    bottom:18px;
    z-index:2;
    border:1px solid #8157ff;
    background:#5227cbe8;
    color:#fff;
    border-radius:8px;
    padding:10px 14px
}
.detail-copy {
    padding:25px 10px
}
.detail-copy h1,.event-detail-copy h1 {
    font-size:42px;
    font-weight:800;
    margin:12px 0
}
.detail-copy p,.event-detail-copy p {
    font-size:15px;
    line-height:1.8;
    color:#b5c3dc
}
.detail-meta {
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    color:#b8c8e6;
    margin:14px 0 20px
}
.detail-meta i {
    color:#f2c84b
}
.detail-copy ul {
    color:#9fb1d0;
    line-height:1.9;
    padding-left:20px
}
.detail-actions {
    display:flex;
    gap:10px;
    margin-top:24px
}
.event-detail-card {
    display:grid;
    grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);
    background:linear-gradient(145deg,#071832,#041027);
    border:1px solid #17488d;
    border-radius:16px;
    overflow:hidden
}
.event-detail-image img {
    width:100%;
    height:100%;
    min-height:500px;
    object-fit:cover
}
.event-detail-copy {
    padding:42px
}
.event-facts {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin:22px 0
}
.event-facts>div {
    display:flex;
    gap:10px;
    align-items:center;
    background:#06152e;
    border:1px solid #173f79;
    border-radius:9px;
    padding:12px
}
.event-facts i {
    font-size:20px;
    color:var(--cyan)
}
.event-facts span {
    font-size:10px;
    color:var(--muted)
}
.event-facts strong {
    display:block;
    color:#fff;
    font-size:12px;
    margin-top:3px
}
.save-event.saved {
    background:linear-gradient(90deg,#087f72,#14a88c);
    border-color:#24e3be
}
@media(max-width:1320px) {
    .old-nav .navlinks {
        font-size:12px;
        gap:12px
    }
}
@media(max-width:1100px) {
    .old-nav {
        height:60px
    }
    .old-nav .navlinks>a {
        height:auto
    }
    .content-detail {
        grid-template-columns:1fr
    }
    .detail-media {
        min-height:420px
    }
    .event-detail-card {
        grid-template-columns:1fr
    }
    .event-detail-image img {
        height:360px;
        min-height:0
    }
    .event-facts {
        grid-template-columns:repeat(3,1fr)
    }
}
@media(max-width:768px) {
    .old-nav {
        height:58px
    }
    .old-nav .brand span {
        display:block
    }
    .mobile-links a {
        font-size:15px;
        padding:14px 10px
    }
    .event-row {
        grid-template-columns:1fr
    }
    .event-row>img {
        height:230px
    }
    .events-hero h1 {
        font-size:34px
    }
    .content-detail {
        padding:12px;
        gap:10px
    }
    .detail-media {
        min-height:340px
    }
    .detail-copy {
        padding:18px 6px
    }
    .detail-copy h1,.event-detail-copy h1 {
        font-size:32px
    }
    .event-detail-copy {
        padding:24px
    }
    .event-facts {
        grid-template-columns:1fr
    }
    .newsletter form>div {
        display:flex
    }
    .footer-main {
        gap:24px
    }
    .footer-main h5 {
        font-size:15px
    }
    .footer-main a,.footer-about p,.newsletter p {
        font-size:13px
    }
}
@media(max-width:480px) {
    .old-nav .brand {
        min-width:0
    }
    .old-nav .brand small {
        display:none
    }
    .old-nav .nav-actions a {
        font-size:17px
    }
    .event-row>img {
        height:190px
    }
    .event-info {
        padding:16px
    }
    .event-info h3 {
        font-size:19px
    }
    .card-actions {
        align-items:stretch
    }
    .event-info .card-actions {
        flex-direction:column
    }
    .event-info .card-actions>* {
        text-align:center
    }
    .detail-media {
        min-height:260px
    }
    .detail-copy h1,.event-detail-copy h1 {
        font-size:27px
    }
    .detail-meta {
        gap:10px;
        font-size:12px
    }
    .detail-actions {
        flex-direction:column
    }
    .event-detail-image img {
        height:250px
    }
    .event-detail-copy {
        padding:18px
    }
    .newsletter form>div {
        flex-direction:column
    }
    .newsletter form .btn-neon {
        width:100%
    }
    .footer-main {
        padding:30px 18px
    }
    .footer-about .brand span {
        display:block
    }
    .card-grid,.card-grid.four,.category-grid {
        grid-template-columns:1fr
    }
    .preview-media {
        height:190px
    }
    .media-card img {
        height:170px
    }
}
 .hero-actions {
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
    margin-top:18px
}
.hero-actions .btn-neon,.hero-actions .btn-ghost {
    display:inline-flex;
    align-items:center;
    gap:8px
}
.home-quick-strip {
    display:flex;
    justify-content:center;
    gap:22px;
    padding:18px 22px;
    margin:0 0 18px;
    background:linear-gradient(180deg,#061630,#041027);
    border:1px solid #16488d;
    border-radius:12px;
    overflow-x:auto
}
.quick-neon-icon {
    min-width:78px;
    text-align:center
}
.quick-neon-icon i,.media-tools-strip i {
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    margin:auto;
    border:1px solid #7c3cff;
    border-radius:11px;
    background:linear-gradient(145deg,#32116b,#081d48);
    font-size:26px;
    color:#f25bff;
    box-shadow:0 0 18px #8b35ff66,inset 0 0 18px #6f31ff44;
    transition:.25s
}
.quick-neon-icon:nth-child(2) i,.media-tools-strip a:nth-child(3) i {
    color:#26ddff;
    border-color:#1c8cff
}
.quick-neon-icon:nth-child(3) i {
    color:#ff667c;
    border-color:#ff3b7d
}
.quick-neon-icon:nth-child(5) i {
    color:#ffc14c;
    border-color:#ff9d32
}
.quick-neon-icon span {
    display:block;
    font-size:11px;
    color:#aebddd;
    margin-top:7px
}
.quick-neon-icon:hover i,.media-tools-strip a:hover i {
    transform:translateY(-3px);
    box-shadow:0 0 25px #8b35ffaa
}
.media-tools-strip {
    display:flex;
    gap:14px;
    max-width:360px;
    margin:0 0 22px;
    padding:12px;
    background:#06142d;
    border:1px solid #153e7b;
    border-radius:10px
}
.media-tools-strip a {
    flex:1;
    text-align:center
}
.media-tools-strip i {
    width:48px;
    height:48px;
    font-size:23px
}
.media-tools-strip span {
    display:block;
    font-size:10px;
    color:#aebddd;
    margin-top:6px
}
.section-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:22px
}
.section-heading h3 {
    margin:0 0 12px
}
.section-heading>a {
    font-size:11px;
    color:#bf68ff
}
.compact-content-row {
    display:grid;
    grid-template-columns:repeat(6,minmax(170px,1fr));
    gap:10px;
    overflow-x:auto;
    padding-bottom:5px
}
.compact-content-card {
    min-width:170px;
    display:grid;
    grid-template-columns:56px 1fr 18px;
    align-items:center;
    gap:9px;
    background:linear-gradient(145deg,#071832,#051229);
    border:1px solid #174488;
    border-radius:8px;
    padding:7px;
    transition:.22s
}
.compact-content-card:hover {
    border-color:#8d44ff;
    transform:translateY(-2px)
}
.compact-content-card img {
    width:56px;
    height:56px;
    border-radius:6px;
    object-fit:cover
}
.compact-content-card b {
    display:block;
    font-size:11px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.compact-content-card small {
    display:block;
    font-size:9px;
    color:#9caed0;
    margin-top:6px
}
.compact-content-card small span {
    color:#ffd24c
}
.compact-content-card>i {
    align-self:start;
    color:#8da1c6
}
.fandom-icons a {
    border:1px solid #173d78;
    background:#071832;
    border-radius:9px;
    text-align:center;
    padding:14px
}
.fandom-icons a:hover {
    border-color:#7c3cff
}
.fandom-icons a i {
    display:block;
    font-size:24px;
    color:#c443ff
}
@media(max-width:900px) {
    .compact-content-row {
        grid-template-columns:repeat(3,minmax(180px,1fr))
    }
    .home-quick-strip {
        justify-content:flex-start
    }
    .hero-actions {
        gap:8px
    }
}
@media(max-width:600px) {
    .home-quick-strip {
        margin-left:-14px;
        margin-right:-14px;
        border-left:0;
        border-right:0;
        border-radius:0;
        padding:14px
    }
    .quick-neon-icon {
        min-width:64px
    }
    .quick-neon-icon i {
        width:46px;
        height:46px;
        font-size:22px
    }
    .media-tools-strip {
        max-width:100%
    }
    .compact-content-row {
        display:flex
    }
    .compact-content-card {
        min-width:210px
    }
    .section-heading>a {
        font-size:10px
    }
}
 .popular-fandom-neon {
    display:grid;
    grid-template-columns:repeat(4,minmax(72px,1fr));
    gap:12px;
    padding:16px;
    background:linear-gradient(180deg,#061630,#041027);
    border:1px solid #16488d;
    border-radius:12px
}
.popular-fandom-neon .quick-neon-icon {
    min-width:0;
    padding:4px;
    text-align:center
}
.popular-fandom-neon .quick-neon-icon span {
    display:block;
    font-size:11px;
    color:#aebddd;
    margin-top:7px
}
@media(max-width:768px) {
    .popular-fandom-neon {
        grid-template-columns:repeat(4,minmax(64px,1fr));
        overflow-x:auto
    }
    .popular-fandom-neon .quick-neon-icon i {
        width:48px;
        height:48px;
        font-size:23px
    }
}
@media(max-width:480px) {
    .popular-fandom-neon {
        grid-template-columns:repeat(2,1fr);
        overflow:visible
    }
}
 .fh-nav .navlinks {
    gap:18px;
    font-size:14px;
    font-weight:500;
    white-space:nowrap
}
.fh-nav .navlinks a {
    padding:24px 0 21px;
    position:relative;
    color:#d8e2f5
}
.fh-nav .navlinks a:hover,.fh-nav .navlinks a.active {
    color:#fff
}
.fh-nav .navlinks a.active::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:14px;
    height:2px;
    border-radius:2px;
    background:linear-gradient(90deg,var(--purple),var(--cyan))
}
.hero p {
    font-size:16px;
    color:#c2cce0;
    margin:14px 0 22px
}
.hero-actions {
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap
}
.btn-neon,.btn-ghost {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:40px;
    font-weight:600;
    line-height:1.2
}
.section-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:24px
}
.section-heading h3 {
    margin:0
}
.section-heading>a {
    font-size:13px;
    color:#aebddd;
    white-space:nowrap
}
.section-heading>a:hover {
    color:var(--cyan)
}
.popular-fandom-neon {
    align-items:stretch
}
.quick-neon-icon {
    min-height:96px;
    justify-content:center
}
.compact-content-card {
    min-height:78px
}
.footer-main {
    align-items:start
}
.footer-main h5 {
    margin-top:0;
    color:#fff;
    font-weight:700
}
.footer-link {
    width:auto;
    border:0;
    background:transparent;
    color:#b8c6df;
    padding:4px 0;
    font-size:12px;
    text-align:left;
    display:block
}
.footer-link:hover {
    color:#24dcff
}
.newsletter form>div {
    display:flex;
    align-items:stretch;
    gap:8px
}
.newsletter input {
    min-width:0;
    height:42px
}
.newsletter .btn-neon {
    height:42px;
    flex:0 0 auto
}
.newsletter-status {
    display:block;
    min-height:18px;
    margin-top:7px;
    color:#73e9d0
}
.nav-icon,.socials button {
    border:0;
    background:transparent;
    color:inherit
}
@media(max-width:1200px) {
    .fh-nav {
        padding:0 16px
    }
    .brand {
        min-width:165px
    }
    .fh-nav .navlinks {
        gap:12px;
        font-size:13px
    }
    .nav-search {
        width:220px;
        margin-right:8px
    }
}
@media(max-width:1000px) {
    .fh-nav {
        justify-content:space-between
    }
    .mobile-nav-btn {
        display:block;
        margin-left:auto;
        margin-right:12px
    }
    .nav-search {
        display:none
    }
    .nav-actions {
        margin-left:0
    }
    .footer-main {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .footer-about,.newsletter {
        grid-column:span 2
    }
}
@media(max-width:768px) {
    .hero {
        min-height:400px;
        background-position:62% center
    }
    .hero h1 {
        font-size:42px
    }
    .hero-actions>a,.hero-actions>button {
        flex:1 1 150px
    }
    .section-heading {
        margin-top:20px
    }
    .featured {
        flex-direction:column
    }
    .featured img {
        width:100%;
        height:190px
    }
    .compact-content-row {
        gap:10px
    }
    .footer-main {
        padding:32px 20px 24px;
        gap:24px
    }
    .footer-bottom {
        gap:8px;
        flex-direction:column;
        text-align:center
    }
}
@media(max-width:576px) {
    body {
        font-size:14px
    }
    .fh-nav {
        height:62px
    }
    .brand {
        font-size:17px
    }
    .brand img {
        width:34px;
        height:34px
    }
    .nav-actions {
        gap:10px
    }
    .hero {
        min-height:390px;
        padding:34px 16px
    }
    .hero h1 {
        font-size:34px
    }
    .hero p {
        font-size:14px
    }
    .hero-actions {
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .card-grid,.card-grid.four {
        grid-template-columns:1fr
    }
    .media-card img {
        height:180px
    }
    .page-wrap,.panel-content {
        padding:12px
    }
    .compact-content-row {
        display:grid;
        grid-template-columns:1fr
    }
    .compact-content-card {
        width:100%
    }
    .footer-main {
        grid-template-columns:1fr;
        padding:28px 16px 22px
    }
    .footer-about,.newsletter {
        grid-column:auto
    }
    .newsletter form>div {
        flex-direction:column
    }
    .newsletter .btn-neon {
        width:100%
    }
}
@media(max-width:390px) {
    .hero h1 {
        font-size:30px
    }
    .hero-actions {
        grid-template-columns:1fr
    }
    .section-heading h3 {
        font-size:16px
    }
}
 .compact-content-row {
    scrollbar-width:thin;
    scrollbar-color:#743cff #06152d;
}
.compact-content-row::-webkit-scrollbar {
    height:10px
}
.compact-content-row::-webkit-scrollbar-track {
    background:#06152d;
    border:1px solid #123d73;
    border-radius:999px;
}
.compact-content-row::-webkit-scrollbar-thumb {
    background:linear-gradient(90deg,#6638ff,#b83cff,#20c9ff);
    border:2px solid #06152d;
    border-radius:999px;
}
.compact-content-row::-webkit-scrollbar-thumb:hover {
    background:linear-gradient(90deg,#8157ff,#d258ff,#35d8ff);
}
 .event-discovery {
    margin:22px 0 28px;
    padding:18px;
    border:1px solid #16488d;
    border-radius:12px;
    background:linear-gradient(145deg,#06152f,#041027);
    box-shadow:0 16px 45px #0004
}
.event-discovery-head {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:14px
}
.event-discovery-head h2 {
    font-size:22px;
    margin:2px 0 0
}
.event-map-filters {
    display:flex;
    gap:9px;
    flex-wrap:wrap;
    justify-content:flex-end
}
.event-map-filters label {
    margin:0
}
.event-map-filters label>span {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0)
}
.event-map-filters select {
    min-width:145px;
    height:38px;
    padding:0 34px 0 11px;
    border:1px solid #1b4b8d;
    border-radius:7px;
    background:#071a38;
    color:#dce7fb;
    outline:none
}
.event-map-filters select:focus {
    border-color:#8b35ff;
    box-shadow:0 0 0 3px #8b35ff22
}
.event-map-layout {
    display:grid;
    grid-template-columns:280px 1fr;
    gap:14px
}
.event-calendar {
    padding:15px;
    min-height:285px
}
.calendar-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px
}
.calendar-arrow {
    width:30px;
    height:30px;
    border:1px solid #194684;
    border-radius:7px;
    background:#071a38;
    color:#cbd9f4
}
.calendar-arrow:hover {
    border-color:#8b35ff;
    color:#fff
}
.calendar-weekdays,.calendar-days {
    display:grid;
    grid-template-columns:repeat(7,1fr);
    text-align:center;
    gap:4px
}
.calendar-weekdays {
    color:#7188b2;
    font-size:10px;
    margin-bottom:6px
}
.calendar-days :is(span, button) {
    display:grid;
    place-items:center;
    aspect-ratio:1;
    border-radius:50%;
    font-size:11px;
    color:#cbd8ee
}
.calendar-days .muted-day {
    color:#3e557c
}
.calendar-days .event-day {
    border:1px solid #b340ff;
    background:#7a2cff1f;
    color:#fff
}
.calendar-days .event-day.active {
    background:linear-gradient(135deg,#7b34ff,#e139d6);
    box-shadow:0 0 16px #b53cff66
}
.calendar-legend {
    display:flex;
    gap:14px;
    margin-top:12px;
    color:#8499be;
    font-size:10px
}
.calendar-legend i {
    display:inline-block;
    width:8px;
    height:8px;
    border:1px solid #b340ff;
    border-radius:50%;
    margin-right:4px
}
.calendar-legend i.selected {
    background:#a63cff
}
.event-map-card {
    position:relative;
    min-height:285px;
    border:1px solid #16488d;
    border-radius:10px;
    overflow:hidden;
    background:#0a1c35
}
.event-map-card iframe {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    filter:saturate(.8) contrast(1.03)
}
.event-map-card:after {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    box-shadow:inset 0 0 35px #041027aa
}
.map-pin {
    position:absolute;
    z-index:2;
    color:#f238d5;
    font-size:27px;
    filter:drop-shadow(0 2px 4px #001);
    animation:mapPin 2.4s ease-in-out infinite
}
.pin-one {
    left:28%;
    top:37%
}
.pin-two {
    left:55%;
    top:53%;
    animation-delay:.4s
}
.pin-three {
    left:76%;
    top:27%;
    animation-delay:.8s
}
.map-button {
    position:absolute;
    right:12px;
    bottom:12px;
    z-index:3
}
.event-row[hidden] {
    display:none!important
}
.event-empty {
    text-align:center;
    color:#9eafd0;
    margin-top:12px
}
.event-list {
    display:grid;
    gap:12px
}
.event-row {
    display:flex;
    gap:16px;
    align-items:center;
    padding:12px;
    border:1px solid #16427f;
    border-radius:10px;
    background:linear-gradient(145deg,#071832,#051229)
}
.event-row>img {
    width:150px;
    height:105px;
    object-fit:cover;
    border-radius:8px
}
.event-info {
    flex:1
}
.event-info h3 {
    margin:5px 0 7px
}
.event-tag {
    display:inline-block;
    padding:4px 8px;
    border-radius:999px;
    background:#8b35ff2b;
    border:1px solid #8b35ff66;
    color:#d9baff;
    font-size:10px
}
.card-actions {
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:10px
}
@keyframes mapPin {
    50% {
        transform:translateY(-5px)
    }
}
@media(max-width:900px) {
    .event-discovery-head {
        align-items:flex-start;
        flex-direction:column
    }
    .event-map-filters {
        width:100%;
        justify-content:flex-start
    }
    .event-map-filters label {
        flex:1
    }
    .event-map-filters select {
        width:100%;
        min-width:0
    }
    .event-map-layout {
        grid-template-columns:240px 1fr
    }
}
@media(max-width:700px) {
    .event-map-layout {
        grid-template-columns:1fr
    }
    .event-calendar {
        min-height:0
    }
    .event-map-card {
        min-height:280px
    }
    .event-row {
        align-items:flex-start
    }
    .event-row>img {
        width:125px;
        height:100px
    }
}
@media(max-width:520px) {
    .event-discovery {
        padding:12px
    }
    .event-map-filters {
        display:grid;
        grid-template-columns:1fr
    }
    .event-row {
        display:block
    }
    .event-row>img {
        width:100%;
        height:190px;
        margin-bottom:10px
    }
    .event-map-card {
        min-height:240px
    }
    .map-button {
        right:8px;
        bottom:8px
    }
    .calendar-days :is(span, button) {
        font-size:10px
    }
}
 html {
    scroll-behavior:smooth
}
body {
    overflow-x:hidden
}
.fh-nav {
    box-shadow:0 8px 28px rgba(0,0,0,.18)
}
.navlinks a {
    position:relative;
    font-size:13px;
    font-weight:600;
    padding:24px 0
}
.navlinks a.active {
    color:#fff
}
.navlinks a.active:after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:12px;
    height:2px;
    border-radius:2px;
    background:linear-gradient(90deg,var(--purple),var(--cyan));
    box-shadow:0 0 10px #8b35ff
}
.nav-search {
    position:relative
}
.search-suggestions {
    position:absolute;
    top:calc(100% + 9px);
    left:0;
    right:0;
    background:#06142df7;
    border:1px solid #214b8a;
    border-radius:10px;
    padding:7px;
    box-shadow:0 18px 45px #0009;
    display:none;
    z-index:60
}
.search-suggestions.show {
    display:block
}
.search-suggestions a {
    display:flex;
    align-items:center;
    gap:9px;
    padding:9px;
    border-radius:7px;
    color:#c9d6ef;
    font-size:12px
}
.search-suggestions a:hover,.search-suggestions a:focus {
    background:#10234a;
    color:#fff
}
.search-suggestions i {
    color:var(--cyan)
}
.section-heading {
    margin-top:30px
}
.section-heading h3 {
    font-size:20px
}
.section-heading p {
    margin:4px 0 0;
    color:var(--muted)
}
.media-card img {
    transition:transform .35s ease
}
.media-card:hover img {
    transform:scale(1.035)
}
.media-card:focus-within {
    outline:2px solid var(--cyan);
    outline-offset:2px
}
.btn-neon:focus-visible,.btn-ghost:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {
    outline:2px solid var(--cyan);
    outline-offset:3px
}
.page-wrap {
    padding-top:30px;
    padding-bottom:42px
}
.mini-hero {
    position:relative;
    overflow:hidden
}
.mini-hero:after {
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    right:-100px;
    top:-130px;
    background:#8b35ff24;
    filter:blur(20px);
    pointer-events:none
}
.hero {
    position:relative;
    overflow:hidden
}
.hero:after {
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    border-radius:50%;
    right:7%;
    bottom:-250px;
    background:#16d9ff18;
    filter:blur(35px);
    pointer-events:none
}
.explore-controls {
    display:grid;
    grid-template-columns:repeat(4,minmax(130px,1fr)) auto;
    gap:9px;
    margin:16px 0
}
.explore-controls select {
    background:#071a38;
    border:1px solid #173d78;
    color:#fff;
    border-radius:7px;
    padding:10px
}
.results-toolbar {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:12px;
    margin:18px 0 12px
}
.results-toolbar h3 {
    margin:0
}
.result-count {
    color:var(--muted);
    font-size:12px
}
.explore-card[hidden] {
    display:none!important
}
.empty-state {
    display:none;
    text-align:center;
    padding:42px 18px;
    border:1px dashed #284f8d;
    border-radius:12px;
    background:#06142d
}
.empty-state.show {
    display:block
}
.empty-state i {
    font-size:34px;
    color:var(--purple)
}
.load-more-wrap {
    text-align:center;
    margin-top:20px
}
.back-to-top {
    position:fixed;
    right:20px;
    bottom:20px;
    width:42px;
    height:42px;
    border:1px solid #4c5eff;
    border-radius:50%;
    background:linear-gradient(145deg,#7b32f6,#183e99);
    color:#fff;
    display:grid;
    place-items:center;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:.25s;
    z-index:30;
    box-shadow:0 8px 24px #0008
}
.back-to-top.show {
    opacity:1;
    visibility:visible;
    transform:none
}
.back-to-top:hover {
    box-shadow:0 0 20px #8b35ff88
}
.newsletter input:invalid:not(:placeholder-shown) {
    border-color:#ff5a86
}
.newsletter-status {
    min-height:18px;
    margin-top:7px;
    display:block
}
.newsletter-status.error {
    color:#ff7898
}
.newsletter-status.success {
    color:#55e8bc
}
.skeleton {
    position:relative;
    overflow:hidden;
    background:#0a1a35
}
.skeleton:after {
    content:"";
    position:absolute;
    inset:0;
    transform:translateX(-100%);
    background:linear-gradient(90deg,transparent,#ffffff12,transparent);
    animation:shimmer 1.3s infinite
}
@keyframes shimmer {
    100% {
        transform:translateX(100%)
    }
}
@media(max-width:1200px) {
    .navlinks {
        gap:12px
    }
    .navlinks a {
        font-size:12px
    }
    .fh-nav {
        padding:0 16px
    }
    .brand {
        min-width:165px
    }
    .card-grid,.card-grid.four {
        grid-template-columns:repeat(3,1fr)
    }
}
@media(max-width:1024px) {
    .card-grid,.card-grid.four {
        grid-template-columns:repeat(2,1fr)
    }
    .split {
        grid-template-columns:1fr
    }
    .explore-controls {
        grid-template-columns:repeat(2,1fr)
    }
    .explore-controls .btn-neon {
        grid-column:span 2
    }
    .hero h1 {
        font-size:44px
    }
}
@media(max-width:768px) {
    .page-wrap {
        padding:18px 14px 34px
    }
    .hero {
        min-height:430px;
        padding:44px 20px
    }
    .hero h1 {
        font-size:38px
    }
    .hero-actions {
        display:flex;
        flex-wrap:wrap;
        gap:8px
    }
    .section-heading {
        align-items:center
    }
    .explore-layout {
        grid-template-columns:1fr
    }
    .filter-side {
        display:flex;
        overflow:auto;
        gap:5px;
        padding:9px
    }
    .filter-side b {
        display:none
    }
    .filter-side a {
        white-space:nowrap;
        border:1px solid #173d78;
        border-radius:999px
    }
    .results-toolbar {
        align-items:flex-start;
        flex-direction:column
    }
    .footer-main {
        grid-template-columns:repeat(2,1fr)!important
    }
    .newsletter {
        grid-column:1/-1
    }
}
@media(max-width:576px) {
    body {
        font-size:13px
    }
    .card-grid,.card-grid.four {
        grid-template-columns:1fr
    }
    .hero {
        min-height:390px
    }
    .hero h1 {
        font-size:32px
    }
    .hero p {
        font-size:13px
    }
    .hero-actions>a,.hero-actions>button {
        flex:1;
        min-width:135px;
        text-align:center
    }
    .explore-controls {
        grid-template-columns:1fr
    }
    .explore-controls .btn-neon {
        grid-column:auto
    }
    .footer-main {
        grid-template-columns:1fr!important
    }
    .newsletter {
        grid-column:auto
    }
    .footer-bottom {
        flex-direction:column;
        gap:7px;
        text-align:center
    }
    .compact-content-row {
        scroll-snap-type:x mandatory
    }
    .compact-content-card {
        scroll-snap-align:start;
        min-width:260px
    }
    .back-to-top {
        right:12px;
        bottom:12px
    }
    .content-detail {
        grid-template-columns:1fr!important
    }
    .detail-media {
        min-height:260px
    }
    .event-map-card {
        min-height:220px
    }
}
@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto
    }
    *,*:before,*:after {
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important
    }
}
 .nav-actions {
    display:flex;
    align-items:center;
    gap:7px
}
.nav-auth-link {
    display:inline-flex;
    align-items:center;
    gap:6px;
    border:1px solid #244c88;
    border-radius:8px;
    padding:8px 10px;
    color:#dbe7ff;
    background:#07162e;
    font-size:12px;
    font-weight:700;
    white-space:nowrap
}
.nav-auth-link:hover {
    color:#fff;
    border-color:#7b4cff;
    background:#10234a
}
.register-link {
    background:linear-gradient(135deg,#703cff,#c13dd8);
    border-color:transparent
}
.nav-logout {
    margin:0
}
.nav-logout button {
    font:inherit
}
.mobile-auth {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:8px 0 14px
}
.mobile-auth a,.mobile-auth button {
    width:100%;
    border:1px solid #23487f;
    background:#07162e;
    color:#fff;
    border-radius:8px;
    padding:10px;
    text-align:left
}
.mobile-auth form {
    margin:0
}
.admin-title-row {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px
}
.admin-table-wrap {
    overflow:auto;
    padding:0
}
.admin-table {
    width:100%;
    border-collapse:collapse;
    min-width:760px
}
.admin-table th,.admin-table td {
    padding:13px 15px;
    border-bottom:1px solid #17355f;
    text-align:left;
    vertical-align:middle
}
.admin-table th {
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#8299c1
}
.admin-item {
    display:flex;
    align-items:center;
    gap:10px
}
.admin-item img {
    width:54px;
    height:44px;
    object-fit:cover;
    border-radius:7px
}
.admin-item small {
    display:block;
    color:#8196ba
}
.admin-actions {
    display:flex;
    gap:7px;
    align-items:center
}
.admin-actions form {
    margin:0
}
.btn-danger-soft {
    border:1px solid #b83c61;
    background:#55152a;
    color:#ffb1c6;
    border-radius:7px;
    padding:8px 11px
}
.admin-form {
    padding:22px;
    max-width:900px
}
.form-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    margin-bottom:18px
}
.form-grid label {
    display:grid;
    gap:7px;
    color:#aebddd;
    font-size:12px;
    font-weight:600
}
.form-grid input,.form-grid select,.form-grid textarea {
    width:100%;
    border:1px solid #234b85;
    border-radius:8px;
    background:#06142d;
    color:#fff;
    padding:11px 12px;
    outline:none
}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus {
    border-color:#8b45ff;
    box-shadow:0 0 0 3px #8b45ff20
}
.span-2 {
    grid-column:1/-1
}
.check-line {
    display:flex!important;
    align-items:center;
    grid-template-columns:auto 1fr!important
}
.check-line input {
    width:auto!important
}
.chat-launcher {
    position:fixed;
    right:20px;
    bottom:74px;
    z-index:80;
    width:50px;
    height:50px;
    border:0;
    border-radius:50%;
    color:#fff;
    background:linear-gradient(135deg,#713cff,#d63bc6);
    box-shadow:0 10px 30px #0009,0 0 24px #8b35ff66;
    font-size:20px
}
.chat-widget {
    position:fixed;
    right:20px;
    bottom:136px;
    z-index:90;
    width:min(360px,calc(100vw - 28px));
    height:480px;
    display:none;
    grid-template-rows:auto 1fr auto;
    border:1px solid #28539a;
    border-radius:15px;
    overflow:hidden;
    background:#041027;
    box-shadow:0 25px 70px #000c
}
.chat-widget.open {
    display:grid
}
.chat-widget header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 15px;
    background:linear-gradient(135deg,#0a1c3b,#101d48);
    border-bottom:1px solid #21467e
}
.chat-widget header small {
    display:block;
    color:#849bc2;
    font-size:10px;
    margin-top:2px
}
.chat-widget header button {
    border:0;
    background:transparent;
    color:#fff
}
.chat-messages {
    padding:14px;
    overflow:auto;
    display:flex;
    flex-direction:column;
    gap:9px
}
.chat-bubble {
    max-width:84%;
    padding:10px 12px;
    border-radius:12px;
    font-size:12px;
    line-height:1.5
}
.chat-bubble.bot {
    align-self:flex-start;
    background:#10264a;
    border:1px solid #234b84
}
.chat-bubble.user {
    align-self:flex-end;
    background:linear-gradient(135deg,#6434df,#9d36c9)
}
.chat-widget form {
    display:flex;
    gap:8px;
    padding:11px;
    border-top:1px solid #183969
}
.chat-widget input {
    flex:1;
    border:1px solid #244a84;
    background:#07172f;
    color:#fff;
    border-radius:9px;
    padding:10px
}
.chat-widget form button {
    width:40px;
    border:0;
    border-radius:9px;
    background:#743cff;
    color:#fff
}
@media(max-width:1100px) {
    .nav-auth-link span {
        display:none
    }
    .nav-auth-link {
        padding:8px
    }
    .nav-actions {
        gap:4px
    }
}
@media(max-width:700px) {
    .admin-title-row {
        flex-direction:column
    }
    .form-grid {
        grid-template-columns:1fr
    }
    .span-2 {
        grid-column:auto
    }
    .chat-launcher {
        right:12px;
        bottom:66px
    }
    .chat-widget {
        right:14px;
        bottom:124px;
        height:min(480px,70vh)
    }
}
.admin-quick {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px
}
.admin-quick a {
    padding:18px;
    display:grid;
    gap:5px;
    color:#fff
}
.admin-quick i {
    font-size:22px;
    color:#45d8ff
}
.admin-quick small {
    color:#8198bd
}
@media(max-width:800px) {
    .admin-quick {
        grid-template-columns:1fr
    }
}
.panel-search {
    display:flex;
    align-items:center;
    gap:9px;
    background:#081a38;
    border:1px solid #163b70;
    border-radius:9px;
    padding:0 10px;
    width:min(560px,48vw);
    height:42px
}
.panel-search input {
    border:0;
    background:transparent;
    padding:0;
    outline:0;
    box-shadow:none
}
.panel-search button {
    border:0;
    background:transparent;
    color:var(--cyan);
    font-size:17px
}
.topbar-actions {
    display:flex;
    align-items:center;
    gap:12px
}
.top-icon {
    width:38px;
    height:38px;
    border:1px solid #173d78;
    border-radius:9px;
    display:grid;
    place-items:center;
    position:relative;
    background:#071832
}
.top-icon:hover {
    border-color:#8b35ff;
    color:var(--cyan)
}
.top-icon span {
    position:absolute;
    right:-5px;
    top:-6px;
    background:#ed3e9f;
    color:#fff;
    border-radius:20px;
    font-size:9px;
    min-width:17px;
    height:17px;
    padding:0 4px;
    display:grid;
    place-items:center;
    border:2px solid #02091b
}
.admin-search-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px
}
.result-row {
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 0;
    border-bottom:1px solid #15345e
}
.result-row:last-child {
    border-bottom:0
}
.result-row img {
    width:56px;
    height:44px;
    border-radius:7px;
    object-fit:cover
}
.result-row span:not(.result-avatar) {
    display:flex;
    flex-direction:column
}
.result-row small {
    color:var(--muted)
}
.result-avatar {
    width:42px;
    height:42px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#7636f7,#1b83ff);
    font-weight:800
}
.result-count {
    font-size:10px;
    padding:4px 7px;
    border-radius:12px;
    background:#15345e;
    color:#9edfff
}
.admin-title-row {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    margin-bottom:16px
}
.admin-table-wrap {
    overflow:auto
}
.admin-table {
    width:100%;
    border-collapse:collapse
}
.admin-table th,.admin-table td {
    padding:12px;
    border-bottom:1px solid #15345e;
    text-align:left
}
.admin-item {
    display:flex;
    align-items:center;
    gap:10px
}
.admin-item img {
    width:70px;
    height:48px;
    object-fit:cover;
    border-radius:7px
}
.admin-item small {
    display:block;
    color:var(--muted)
}
.admin-actions {
    display:flex;
    gap:8px
}
.btn-danger-soft {
    border:1px solid #b73767;
    background:#4b1730;
    color:#ffafca;
    padding:8px 12px;
    border-radius:7px
}
@media(max-width:800px) {
    .panel-search {
        width:min(330px,45vw)
    }
    .topbar-actions b {
        display:none
    }
    .admin-search-grid {
        grid-template-columns:1fr
    }
}
@media(max-width:600px) {
    .panel-search {
        width:150px
    }
    .panel-search input {
        font-size:11px
    }
    .topbar-actions {
        gap:6px
    }
    .top-icon {
        width:34px;
        height:34px
    }
    .admin-title-row {
        align-items:flex-start;
        flex-direction:column
    }
}
 .event-actions,.inline-actions {
    display:flex;
    gap:9px;
    flex-wrap:wrap;
    align-items:center
}
.event-actions form,.inline-actions {
    margin:0
}
.flash-success {
    margin:12px 0;
    padding:10px 12px;
    border:1px solid #2e8f76;
    border-radius:8px;
    background:#0b3d35;
    color:#9ff4dc
}
.booking-status {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:76px;
    padding:5px 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em
}
.booking-status.pending {
    background:#5a4319;
    color:#ffd66f;
    border:1px solid #8e6a27
}
.booking-status.approved {
    background:#103f35;
    color:#79efc7;
    border:1px solid #237d67
}
.booking-status.rejected {
    background:#4a1d2d;
    color:#ff9bb9;
    border:1px solid #8e3554
}
.notification-row {
    color:inherit;
    transition:transform .2s,border-color .2s
}
.notification-row:hover {
    transform:translateY(-2px);
    border-color:#7545df
}
.notification-icon {
    width:44px;
    height:44px;
    flex:0 0 44px;
    border-radius:12px;
    display:grid!important;
    place-items:center;
    background:linear-gradient(135deg,#743cff,#166ee8);
    font-size:18px
}
.notification-row>i {
    color:#7f94b8
}
.admin-table td small {
    display:block;
    color:var(--muted);
    margin-top:3px
}
.reveal-on-scroll {
    opacity:0;
    transform:translateY(18px);
    transition:opacity .55s ease,transform .55s ease
}
.reveal-on-scroll.is-visible {
    opacity:1;
    transform:none
}
.media-card,.featured,.glass,.event-row,.admin-quick a {
    will-change:transform
}
.media-card img,.featured img,.event-row>img {
    transition:transform .45s ease,filter .35s ease
}
.media-card:hover img,.featured:hover img,.event-row:hover>img {
    transform:scale(1.035);
    filter:saturate(1.08)
}
.btn-neon,.btn-ghost,.nav-auth-link,.side-link {
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease
}
.btn-neon:active,.btn-ghost:active {
    transform:translateY(1px) scale(.99)
}
@media(max-width:1000px) {
    .panel-content {
        max-width:100%;
        overflow:hidden
    }
    .topbar {
        padding:0 14px
    }
    .submission {
        min-width:0
    }
    .submission>div {
        min-width:0
    }
    .submission b,.submission p {
        overflow-wrap:anywhere
    }
}
@media(max-width:760px) {
    .panel-shell {
        display:block
    }
    .sidebar {
        position:sticky;
        top:0;
        width:100%;
        height:auto;
        z-index:30;
        display:flex;
        align-items:center;
        gap:5px;
        padding:8px;
        overflow-x:auto;
        overflow-y:hidden;
        border-right:0;
        border-bottom:1px solid #153b78
    }
    .sidebar .brand {
        display:none
    }
    .sidebar .side-link {
        flex:0 0 auto;
        font-size:0;
        padding:9px 11px
    }
    .sidebar .side-link i {
        font-size:18px
    }
    .sidebar form {
        flex:0 0 auto
    }
    .panel-main {
        display:block
    }
    .topbar {
        position:sticky;
        top:53px;
        height:auto;
        min-height:58px;
        gap:8px;
        padding:8px 10px
    }
    .panel-search {
        width:100%;
        min-width:0;
        flex:1
    }
    .topbar-actions {
        flex:0 0 auto
    }
    .topbar-actions b,.topbar-actions .avatar-mini {
        display:none
    }
    .metrics {
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin:14px 0!important;
        width:100%
    }
    .metrics div {
        min-width:0
    }
    .submission {
        align-items:flex-start;
        flex-wrap:wrap
    }
    .submission img {
        width:82px;
        height:62px
    }
    .submission form,.submission>.booking-status {
        margin-left:auto
    }
    .admin-table-wrap {
        margin:0 -2px;
        border:1px solid #17355f;
        border-radius:10px
    }
    .admin-table {
        min-width:680px
    }
    .event-detail-card {
        grid-template-columns:1fr!important
    }
    .event-detail-image img {
        max-height:360px
    }
    .event-actions>* {
        flex:1
    }
    .event-actions button {
        width:100%
    }
}
@media(max-width:520px) {
    .topbar-actions {
        gap:4px
    }
    .top-icon {
        width:33px;
        height:33px
    }
    .panel-search input {
        font-size:11px
    }
    .panel-content h2 {
        font-size:20px
    }
    .submission {
        display:grid;
        grid-template-columns:68px 1fr;
        gap:10px
    }
    .submission img {
        width:68px;
        height:58px
    }
    .submission form,.submission>.booking-status,.submission>a.btn-neon,.submission>a.btn-ghost {
        grid-column:1/-1;
        width:100%;
        margin:0
    }
    .submission form button {
        width:100%
    }
    .admin-form {
        padding:14px
    }
    .event-actions {
        display:grid;
        grid-template-columns:1fr
    }
    .chat-widget {
        width:calc(100vw - 20px);
        right:10px
    }
    .chat-launcher {
        right:10px
    }
}
@media(prefers-reduced-motion:reduce) {
    .reveal-on-scroll {
        opacity:1;
        transform:none
    }
    .media-card:hover img,.featured:hover img,.event-row:hover>img {
        transform:none
    }
}
.admin-quick {
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr))
}
 .nav-auth-link {
    height:36px;
    min-height:36px;
    padding:0 10px;
    line-height:1;
    justify-content:center
}
.nav-logout .nav-auth-link {
    height:36px;
    min-height:36px;
    padding:0 10px
}
 .fh-pagination {
    margin:22px 0 8px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
    color:#91a6c9;
    font-size:12px
}
.fh-pagination-links {
    display:flex;
    align-items:center;
    gap:5px;
    flex-wrap:wrap
}
.fh-page-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:36px;
    height:36px;
    padding:0 11px;
    border:1px solid #214a83;
    border-radius:8px;
    background:#071832;
    color:#a9bce0!important;
    text-decoration:none!important;
    line-height:1;
    font-weight:700;
    white-space:nowrap;
    box-shadow:none
}
a.fh-page-btn:hover {
    background:#102957;
    border-color:#7545df;
    color:#fff!important;
    transform:translateY(-1px)
}
.fh-page-btn.active {
    background:linear-gradient(135deg,#693cff,#1e73ef);
    border-color:#7a54ff;
    color:#fff!important
}
.fh-page-btn.disabled {
    opacity:.42;
    cursor:not-allowed
}
.fh-page-dots {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    height:36px;
    color:#7288ad
}
@media(max-width:700px) {
    .fh-pagination {
        justify-content:center;
        text-align:center
    }
    .fh-pagination-links {
        justify-content:center
    }
    .fh-page-btn {
        min-width:32px;
        height:32px;
        padding:0 8px;
        font-size:11px
    }
    .fh-page-dots {
        height:32px
    }
}
 .fh-pagination,.fh-pagination * {
    box-sizing:border-box
}
.fh-pagination svg,.fh-pagination-links svg {
    width:14px!important;
    height:14px!important;
    max-width:14px!important;
    max-height:14px!important;
    min-width:0!important;
    min-height:0!important
}
.fh-pagination {
    width:100%;
    overflow:visible
}
.fh-pagination-links {
    max-width:100%
}
@media(max-width:480px) {
    .fh-pagination-links {
        gap:4px
    }
    .fh-page-btn {
        min-width:30px;
        height:30px;
        padding:0 7px
    }
}
\n .panel-menu-toggle,.panel-sidebar-backdrop {
    display:none
}
@media(max-width:760px) {
    .panel-shell {
        display:block;
        min-height:100vh
    }
    .panel-main {
        display:block;
        min-width:0
    }
    .panel-menu-toggle {
        display:flex;
        position:fixed;
        left:12px;
        top:11px;
        z-index:52;
        height:40px;
        align-items:center;
        gap:7px;
        padding:0 12px;
        border:1px solid #2859a6;
        border-radius:9px;
        background:#071a38;
        color:#fff;
        font:600 12px Inter,sans-serif;
        box-shadow:0 8px 24px #0005
    }
    .panel-menu-toggle i {
        font-size:20px;
        line-height:1
    }
    .panel-sidebar-backdrop {
        display:block;
        position:fixed;
        inset:0;
        z-index:49;
        background:#010817b8;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity .2s ease,visibility .2s ease;
        backdrop-filter:blur(2px)
    }
    .sidebar {
        display:block;
        position:fixed;
        z-index:51;
        left:0;
        top:0;
        bottom:0;
        width:min(280px,84vw);
        height:100dvh;
        padding:18px 12px;
        overflow-y:auto;
        overflow-x:hidden;
        border-right:1px solid #214d91;
        border-bottom:0;
        background:#031028;
        transform:translateX(-105%);
        transition:transform .24s ease;
        box-shadow:18px 0 45px #0008
    }
    .sidebar .brand {
        display:flex;
        margin:2px 0 20px;
        min-width:0
    }
    .sidebar .brand span {
        display:block;
        font-size:19px
    }
    .sidebar .brand small {
        font-size:8px
    }
    .sidebar .brand img {
        width:40px;
        height:40px
    }
    .sidebar .side-link {
        display:flex;
        width:100%;
        align-items:center;
        gap:11px;
        font-size:12px;
        padding:11px 12px;
        margin:2px 0;
        white-space:normal
    }
    .sidebar .side-link i {
        font-size:17px;
        flex:0 0 20px;
        text-align:center
    }
    .sidebar form {
        display:block;
        width:100%
    }
    body.panel-nav-open {
        overflow:hidden
    }
    body.panel-nav-open .sidebar {
        transform:translateX(0)
    }
    body.panel-nav-open .panel-sidebar-backdrop {
        opacity:1;
        visibility:visible;
        pointer-events:auto
    }
    body.panel-nav-open .panel-menu-toggle {
        opacity:0;
        pointer-events:none
    }
    .topbar {
        top:0;
        min-height:62px;
        padding-left:112px
    }
}
@media(max-width:420px) {
    .panel-menu-toggle span {
        display:none
    }
    .panel-menu-toggle {
        width:42px;
        justify-content:center;
        padding:0
    }
    .topbar {
        padding-left:64px
    }
}
@media(prefers-reduced-motion:reduce) {
    .sidebar,.panel-sidebar-backdrop {
        transition:none!important
    }
}
 .user-topbar-profile {
    display:flex;
    align-items:center;
    gap:9px;
    white-space:nowrap;
    font-size:12px
}
.panel-search input {
    width:100%;
    min-width:0;
    color:#eaf3ff
}
.panel-search input::placeholder {
    color:#6f86ac
}
@media(max-width:760px) {
    .topbar {
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        gap:8px;
        padding:10px 10px 10px 112px;
        min-height:62px
    }
    .panel-search {
        width:100%;
        height:40px;
        min-width:0;
        border-radius:10px;
        padding:0 9px;
        background:#06162f
    }
    .panel-search input {
        font-size:12px;
        line-height:1.2
    }
    .panel-search button {
        width:30px;
        height:30px;
        display:grid;
        place-items:center;
        flex:0 0 30px;
        padding:0
    }
    .user-topbar-profile {
        max-width:120px;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .user-topbar-profile .avatar-mini {
        flex:0 0 auto
    }
}
@media(max-width:560px) {
    .topbar {
        grid-template-columns:1fr;
        padding-left:64px;
        gap:7px
    }
    .topbar-actions,.user-topbar-profile {
        justify-self:end;
        position:absolute;
        right:9px;
        top:61px;
        z-index:25;
        background:#041127e8;
        border:1px solid #173d78;
        border-radius:9px;
        padding:5px 7px;
        box-shadow:0 8px 22px #0006
    }
    .panel-main {
        padding-top:42px
    }
    .panel-search {
        height:42px
    }
    .panel-search input {
        font-size:13px
    }
    .user-topbar-profile {
        max-width:145px
    }
}
@media(max-width:390px) {
    .panel-search input::placeholder {
        font-size:11px
    }
    .panel-search {
        padding-left:8px;
        gap:6px
    }
}
 .side-section-title {
    padding:18px 18px 7px;
    margin-top:5px;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.14em;
    color:#7f8ca8;
    text-transform:uppercase
}
.side-category {
    padding-left:22px
}
.side-category i {
    font-size:.92rem
}
 html, body, .sidebar, .panel-content, .admin-table-wrap, .compact-content-row  {
    scrollbar-color: #315c9f #041127;
    scrollbar-width: thin;
}
*::-webkit-scrollbar  {
    width: 10px;
    height: 10px;
}
*::-webkit-scrollbar-track  {
    background: #041127;
}
*::-webkit-scrollbar-thumb  {
    background: linear-gradient(180deg, #244d91, #693cff);
    border: 2px solid #041127;
    border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover  {
    background: linear-gradient(180deg, #2d68bd, #8b35ff);
}
*::-webkit-scrollbar-corner  {
    background: #041127;
}

.old-nav .navlinks {
    gap: 14px;
}

.old-nav .navlinks > a {
    font-size: 12px;
}

.old-nav .nav-search {
    flex-shrink: 0;
}

.old-nav .nav-search input {
    min-width: 0;
    width: 100%;
}

.old-nav .nav-search input:focus,
.old-nav .nav-search input:focus-visible {
    outline: none;
    box-shadow: none;
}

.old-nav .nav-search:focus-within {
    border-color: var(--cyan);
    box-shadow: inset 0 0 0 1px rgba(23, 217, 255, .2);
}

.calendar-days button {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    min-width: 0;
    padding: 0;
}

.calendar-days button:not(:disabled) {
    cursor: pointer;
}