@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');:root{--bg-primary:#11110F;--bg-secondary:#191815;--bg-glass:rgba(26,25,22,0.74);--bg-card:rgba(31,30,26,0.78);--border-glass:rgba(238,193,124,0.18);--accent-blue:#D2A45F;--accent-blue-glow:rgba(210, 164, 95,0.18);--accent-gold:#E9BE78;--accent-gold-glow:rgba(233,190,120,0.24);--accent-red:#FF4444;--text-primary:#F0F0F0;--text-muted:#AAA196;--status-offline:#FF4444;--status-prepare:#FFD700;--status-live:#00FF88;--font-display:'Space Grotesk',sans-serif;--font-body:'Manrope',sans-serif;--glow-shadow:0 18px 44px rgba(0,0,0,0.20);--glow-shadow-gold:0 18px 44px rgba(0,0,0,0.20);--transition-speed:0.3s}body.page-wr::after{opacity:0.76}/* --- YONPEDIA WR CALCULATOR CLEANUP & OPTIMIZATIONS --- */
.wr-main {
    flex: 1;
}
.wr-wrap {
    display: flex;
    justify-content: center;
    padding-top: 20px !important;
    padding-bottom: 40px !important;
}
.section.wr-wrap {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
}
.wr-card {
    width: 100%;
    max-width: 480px; /* compact form card width */
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    padding: 28px 24px !important;
    margin: 0 auto;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}
body.page-wr .wr-card {
    background: rgba(255, 255, 255, 0.03) !important;
}
.wr-page-logo {
    width: 72px; /* compact size */
    height: 72px;
    object-fit: contain;
    display: block;
    margin: 0 auto 14px;
    filter: drop-shadow(0 4px 12px rgba(233, 190, 120, 0.35));
}
.wr-title {
    font-family: var(--font-display);
    font-size: 1.45rem; /* slightly smaller for professional compact look */
    font-weight: 800;
    text-transform: none; /* Sentence case looks more modern and clean */
    text-align: center;
    color: #fff;
}
.wr-subtitle {
    text-align: center;
    color: var(--text-muted);
    margin-top: 8px;
    margin-bottom: 18px;
    font-size: 0.9rem;
    line-height: 1.5;
}
.wr-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.wr-label {
    font-weight: 600;
    font-size: 0.88rem;
    color: #d8dbee;
    margin-bottom: -4px;
}
.wr-input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 12px;
    outline: none;
    font-family: var(--font-body);
    font-size: 0.95rem;
    transition: border-color 0.22s ease, box-shadow 0.22s ease;
}
.wr-input:focus {
    border-color: rgba(233, 190, 120, 0.4) !important;
    box-shadow: 0 0 0 2px rgba(233, 190, 120, 0.15) !important;
}
.wr-btn {
    margin-top: 10px;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 10px 16px;
    border-radius: 8px;
}
.wr-btn-alt {
    width: 100%;
}
.wr-error {
    margin-top: 12px;
    background: rgba(255, 68, 68, 0.15);
    border: 1px solid rgba(255, 68, 68, 0.25);
    color: #ffd4d4;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 0.88rem;
}
.wr-result {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px dashed rgba(255, 255, 255, 0.12);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.wr-result-main p {
    margin-bottom: 8px;
    line-height: 1.5;
    font-size: 0.95rem;
}
.wr-loss-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.wr-loss-card {
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.02);
    border-radius: 10px;
    padding: 12px;
}
.wr-loss-title {
    color: var(--accent-gold);
    font-weight: 700;
    font-size: 0.88rem;
}
.wr-loss-body {
    margin-top: 4px;
    font-size: 1.15rem;
    font-weight: 700;
}
.wr-loss-foot {
    margin-top: 4px;
    font-size: 0.82rem;
    color: var(--text-muted);
}
@media (max-width: 768px) {
    .wr-card {
        padding: 22px 18px !important;
        border-radius: 12px;
    }
    .wr-title {
        font-size: 1.25rem;
    }
    .wr-loss-grid {
        grid-template-columns: 1fr;
    }
    .wr-input {
        padding: 9px 11px;
        font-size: 0.92rem;
    }
}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;max-width:100%;background-color:var(--bg-primary);color-scheme:dark}html,body{width:100%}html,body,main{overflow-x:hidden}@media (max-width:768px){html{scrollbar-gutter:auto}body{overflow-x:hidden}main,.section,.container{max-width:100%;overflow-x:clip}}body{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);font-size:1.1rem;letter-spacing:0.5px;min-height:100vh;display:flex;flex-direction:column;overflow-x:clip;overflow-y:scroll;position:relative;max-width:100%}body.page-home{background:radial-gradient(circle at top center,#262118 0%,var(--bg-primary) 70%);background-attachment:fixed}body.page-home::after{opacity:0.82}body.page-home .grid-bg{opacity:0.16}body.page-profile{background-image:linear-gradient(180deg,rgba(8,10,17,0.72),rgba(8,10,17,0.66) 42%,rgba(8,10,17,0.84)),url('/img/profile-bg.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body.page-profile::after{opacity:0.42}body.page-profile::before{opacity:0.10}body.page-profile .grid-bg{opacity:0.05}body.page-schedule{background-image:linear-gradient(180deg,rgba(8,10,17,0.72),rgba(8,10,17,0.68) 42%,rgba(8,10,17,0.84)),url('/img/schedule-bg-hayabusa.jpg');background-position:center top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body.page-schedule::after{opacity:0.34}body.page-schedule::before{opacity:0.20}body.page-schedule .grid-bg{opacity:0.04}body.page-schedule .schedule-streamer{color:var(--accent-blue)}body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:0.68;background:radial-gradient(920px 440px at 12% 18%,rgba(255,215,0,0.10),transparent 60%),radial-gradient(780px 380px at 86% 30%,rgba(255,215,0,0.07),transparent 62%),radial-gradient(840px 400px at 72% 86%,rgba(56,189,248,0.05),transparent 65%),radial-gradient(1020px 480px at 18% 92%,rgba(255,215,0,0.06),transparent 66%),repeating-linear-gradient(120deg,rgba(255,215,0,0.014) 0px,rgba(255,215,0,0.014) 1px,transparent 1px,transparent 52px)}@media (max-width:768px){.nav-auth .nav-login-btn{display:none !important}.nav-auth .nav-register-btn{padding:10px 16px}body::after{opacity:0.95;background:radial-gradient(740px 340px at 18% 18%,rgba(255,215,0,0.15),transparent 62%),radial-gradient(620px 300px at 88% 28%,rgba(255,215,0,0.11),transparent 62%),radial-gradient(700px 340px at 70% 86%,rgba(56,189,248,0.07),transparent 68%),repeating-linear-gradient(135deg,rgba(255,215,0,0.035) 0px,rgba(255,215,0,0.035) 1px,transparent 1px,transparent 34px)}}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,0.25) 50%),linear-gradient(90deg,rgba(255,0,0,0.06),rgba(0,255,0,0.02),rgba(0,0,255,0.06));background-size:100% 4px,6px 100%;z-index:-1;pointer-events:none;opacity:0.22}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--border-glass) 1px,transparent 1px),linear-gradient(90deg,var(--border-glass) 1px,transparent 1px);background-size:50px 50px;background-position:center;z-index:-2;opacity:0.12;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{background-position:0 0}100%{background-position:50px 50px}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}header{position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass)}.navbar{display:flex;align-items:center;justify-content:space-between;height:80px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-gold));border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;color:var(--bg-primary);box-shadow:var(--glow-shadow);border:1px solid rgba(255,255,255,0.2)}.logo-icon--img{overflow:hidden;padding:0;background:transparent;border:0;box-shadow:none}.logo-img{width:100%;height:100%;object-fit:contain;display:block}.logo-text{font-family:var(--font-display);font-weight:800;font-size:1.5rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.logo-text span{color:var(--accent-gold);text-shadow:0 0 10px rgba(255,215,0,0.5)}.logo-text span.gold{color:var(--accent-gold);text-shadow:0 0 10px rgba(255,215,0,0.5)}.nav-menu{display:flex;align-items:center;gap:24px;list-style:none}.nav-link{font-family:var(--font-display);font-size:0.9rem;font-weight:600;color:var(--text-muted);text-decoration:none;text-transform:uppercase;transition:var(--transition-speed);position:relative;padding:5px 0}.nav-link:hover,.nav-link.active{color:var(--accent-gold);text-shadow:0 0 8px var(--accent-gold-glow)}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold);transition:var(--transition-speed)}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-link i{font-size:0.9rem;line-height:1}.nav-link-label{display:inline-block;white-space:nowrap;line-height:1}.nav-link-more{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:inherit;font:inherit;cursor:pointer;box-shadow:none}.nav-link-more:focus{outline:none;background:transparent;border-color:transparent;box-shadow:none}.nav-link-more:active{background:rgba(56,189,248,0.10);border-color:transparent;box-shadow:none}.nav-link-more:focus-visible{outline:2px solid rgba(56,189,248,0.45);outline-offset:2px;background:rgba(56,189,248,0.10);border-radius:8px}.nav-more{position:relative}.nav-more-caret{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:1px solid transparent;background:transparent;transition:transform 220ms cubic-bezier(0.22,1,0.36,1),border-color 240ms ease,background-color 240ms ease}.nav-more.is-open .nav-more-caret{transform:rotate(180deg);border-color:rgba(56,189,248,0.34);background:rgba(56,189,248,0.10)}.nav-more-menu{position:absolute;top:calc(100% + 10px);right:0;width:320px;max-width:calc(100% - 28px);padding:10px;border-radius:10px;border:1px solid rgba(56,189,248,0.26);background:rgba(10,10,15,0.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 50px rgba(0,0,0,0.55);opacity:0;visibility:hidden;transform:translateY(-6px) scale(0.99);transform-origin:top right;pointer-events:none;transition:opacity 180ms ease,visibility 180ms ease,transform 220ms cubic-bezier(0.22,1,0.36,1);z-index:110}.nav-more-menu[hidden]{display:none !important}.nav-more.is-open .nav-more-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.nav-more-item{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;width:100%;padding:10px 10px;border-radius:8px;color:rgba(248,250,255,0.92);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:0.86rem;transition:background-color 180ms ease,border-color 180ms ease,transform 180ms ease;border:1px solid transparent}.nav-more-item i{color:rgba(248,250,255,0.9);opacity:0.86}.nav-more-item:hover{background:rgba(56,189,248,0.12);border-color:rgba(56,189,248,0.22);transform:translateX(2px)}.nav-more-badge{font-family:var(--font-body);font-size:0.78rem;color:var(--text-muted);font-weight:600}@media (min-width:769px){.nav-menu{gap:6px}.nav-link{display:inline-flex;align-items:center;justify-content:center;gap:0;width:42px;min-width:42px;height:40px;min-height:40px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;text-transform:none;box-shadow:none;transition:color 240ms cubic-bezier(0.22,1,0.36,1),background-color 240ms cubic-bezier(0.22,1,0.36,1),border-color 240ms cubic-bezier(0.22,1,0.36,1),box-shadow 240ms cubic-bezier(0.22,1,0.36,1),padding 260ms cubic-bezier(0.22,1,0.36,1),gap 260ms cubic-bezier(0.22,1,0.36,1),transform 220ms cubic-bezier(0.22,1,0.36,1);transform:translateZ(0)}.nav-link::after{display:none}.nav-link:hover{color:rgba(248,250,255,0.98);border-color:rgba(56,189,248,0.42);background:rgba(56,189,248,0.16);text-shadow:none;box-shadow:0 0 16px rgba(56,189,248,0.18)}.nav-link.active{color:rgba(248,250,255,0.98);border-color:rgba(255,255,255,0.10);background:rgba(255,255,255,0.06);text-shadow:none;box-shadow:none;width:auto;min-width:0;padding:0 10px;gap:8px}.nav-link-label{position:absolute;top:calc(100% + 9px);left:50%;max-width:none;padding:7px 10px;border:1px solid rgba(56,189,248,0.3);border-radius:8px;background:rgba(10,10,15,0.95);box-shadow:0 10px 24px rgba(0,0,0,0.45);opacity:0;transform:translate(-50%,-6px);pointer-events:none;white-space:nowrap;overflow:visible;z-index:130;will-change:opacity,transform;transition:opacity 220ms ease,transform 300ms cubic-bezier(0.22,1,0.36,1)}.nav-link:hover .nav-link-label,.nav-link:focus-visible .nav-link-label{opacity:1;transform:translate(-50%,0)}.nav-menu .nav-link:not(.active) .nav-link-label{display:none !important}.nav-menu .nav-link.active .nav-link-label{display:inline-block !important;position:static;top:auto;left:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;transform:none;pointer-events:auto;white-space:nowrap;font-size:0.82rem}.nav-menu .nav-link::before{content:attr(aria-label);position:absolute;top:calc(100% + 9px);left:50%;padding:7px 10px;border:1px solid rgba(56,189,248,0.3);border-radius:8px;background:rgba(10,10,15,0.95);box-shadow:0 10px 24px rgba(0,0,0,0.45);opacity:0;transform:translate(-50%,-6px);pointer-events:none;white-space:nowrap;z-index:140;transition:opacity 220ms ease,transform 300ms cubic-bezier(0.22,1,0.36,1)}.nav-menu .nav-link:hover::before,.nav-menu .nav-link:focus-visible::before{opacity:1;transform:translate(-50%,0)}.nav-menu .nav-link.active::before{opacity:0 !important}.nav-link:hover i{transform:translateY(-1px)}.nav-link:active{transform:translateY(1px)}button.nav-link-more{background:transparent;border:1px solid transparent;box-shadow:none;-webkit-appearance:none;appearance:none;color:rgba(122,122,154,1)}button.nav-link-more:focus{outline:none}.nav-link-more > i:first-child{display:none}.nav-more-caret{width:auto;height:auto;border:0;background:transparent;border-radius:0;padding:0;margin:0}.nav-more.is-open .nav-more-caret{border-color:transparent;background:transparent}.nav-more.is-open .nav-link-more{border-color:rgba(56,189,248,0.42) !important;background:rgba(56,189,248,0.16) !important;box-shadow:0 0 16px rgba(56,189,248,0.18) !important;color:rgba(248,250,255,0.98) !important}.nav-more.is-open .nav-more-caret{transform:rotate(180deg)}.nav-more-menu{width:260px;max-width:calc(100% - 28px);padding:7px;border-radius:8px}.nav-more-item{grid-template-columns:16px 1fr auto;gap:8px;padding:7px 8px;border-radius:7px;font-size:0.8rem}.nav-more-item i{font-size:0.83rem}.nav-more-badge{font-size:0.72rem}}.mobile-only{display:none !important}.section-subtitle,.service-icon,.service-features li i,.profile-role,.ticket-id,.dashboard-section-title,.faq-item.active .faq-question,.faq-item.active .faq-question i{color:var(--accent-gold)}.nav-auth{display:flex;align-items:center;gap:15px}.nav-auth.is-loading{min-width:252px;min-height:50px}.nav-auth.is-loading::before,.nav-auth.is-loading::after{content:'';display:block;border:1px solid rgba(255,215,0,0.16);background:linear-gradient(100deg,rgba(255,255,255,0.03) 20%,rgba(255,215,0,0.11) 42%,rgba(255,255,255,0.03) 64%);background-size:220% 100%;animation:navAuthShimmer 1.2s linear infinite}.nav-auth.is-loading::before{width:190px;height:50px;border-radius:6px}.nav-auth.is-loading::after{width:46px;height:46px;border-radius:4px}@keyframes navAuthShimmer{to{background-position:-220% 0}}.nav-user-summary{display:inline-flex;align-items:center;gap:10px;min-width:190px;padding:8px 12px;border:1px solid var(--accent-gold);border-radius:6px;background:rgba(255,215,0,0.08);color:var(--text-primary);text-decoration:none;transition:all var(--transition-speed)}.nav-user-summary:hover{background:rgba(255,215,0,0.14);box-shadow:0 0 18px rgba(255,215,0,0.2);transform:translateY(-1px)}.nav-user-avatar{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.18);color:var(--text-primary)}.nav-user-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.nav-user-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:0.85rem;font-weight:800;line-height:1.1}.nav-user-details{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:0.68rem;line-height:1;text-transform:uppercase}.hamburger{display:none;cursor:pointer;background:none;border:none;color:var(--text-primary);font-size:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:4px;font-family:var(--font-display);font-weight:600;font-size:0.9rem;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all var(--transition-speed)}.btn-primary{background:linear-gradient(135deg,#D4AF37,var(--accent-gold));color:var(--bg-primary);border:none;box-shadow:var(--glow-shadow-gold);font-weight:800}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-gold),#D4AF37);transform:translateY(-2px);box-shadow:0 0 25px rgba(255,215,0,0.7)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--accent-blue)}.btn-secondary:hover{background:rgba(0,212,255,0.1);box-shadow:inset 0 0 10px rgba(0,212,255,0.2);transform:translateY(-2px)}.btn-outline-gold{border-color:var(--accent-gold) !important}.btn-outline-gold:hover{background:rgba(255,215,0,0.08) !important;box-shadow:inset 0 0 10px rgba(255,215,0,0.18) !important}.btn-gold{background:linear-gradient(135deg,#D4AF37,var(--accent-gold));color:var(--bg-primary);border:none;box-shadow:var(--glow-shadow-gold);font-weight:800}.btn-gold:hover{background:linear-gradient(135deg,var(--accent-gold),#D4AF37);transform:translateY(-2px);box-shadow:0 0 25px rgba(255,215,0,0.7)}.btn-danger{background:rgba(255,68,68,0.1);color:var(--accent-red);border:1px solid var(--accent-red)}.btn-danger:hover{background:var(--accent-red);color:var(--bg-primary);box-shadow:0 0 15px rgba(255,68,68,0.4)}.btn-icon{padding:10px;border-radius:50%}.trust-note{margin-top:12px;padding:12px 12px;border-radius:8px;border:1px solid rgba(0,255,136,0.25);background:rgba(0,255,136,0.06);color:var(--text-primary);font-size:0.9rem;line-height:1.45}.trust-note .trust-title{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:0.85rem;letter-spacing:0.5px;text-transform:uppercase;color:#00ff88;margin-bottom:6px}.trust-note .trust-title i{color:#00ff88}.hero-bg-wrapper{position:relative;overflow:hidden;max-width:100%}.hero-bg-wrapper::before{content:'';position:absolute;inset:0;background-image:url('https://i.imgur.com/NTmmrJTh.jpg');background-size:cover;background-position:center top;background-repeat:no-repeat;filter:brightness(0.15);z-index:0;max-width:100%}.hero-bg-wrapper::after{content:'';position:absolute;bottom:0;left:0;right:0;height:280px;background:linear-gradient( to bottom,transparent 0%,rgba(10,10,15,0.6) 40%,rgba(10,10,15,0.9) 70%,#0A0A0F 100% );z-index:1;pointer-events:none;max-width:100%}.hero-bg-wrapper > *{position:relative;z-index:2}.donate-info-overlay{position:fixed;inset:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,7,13,0.75);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.26s ease,visibility 0.26s ease}.donate-info-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.donate-info-modal{position:relative;width:min(640px,100%);border:1px solid rgba(255,215,0,0.35);border-radius:12px;background:linear-gradient(180deg,rgba(12,14,21,0.96),rgba(8,10,15,0.96)),radial-gradient(640px 220px at 20% 0%,rgba(255,215,0,0.12),transparent 70%);box-shadow:0 24px 60px rgba(0,0,0,0.5),0 0 28px rgba(255,215,0,0.14);padding:24px 22px 18px;transform:translateY(12px) scale(0.98);opacity:0;transition:transform 0.28s ease,opacity 0.28s ease}.donate-info-overlay.is-open .donate-info-modal{transform:translateY(0) scale(1);opacity:1}.donate-info-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.04);color:var(--text-primary);cursor:pointer;transition:all var(--transition-speed)}.donate-info-close:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:rgba(255,215,0,0.08)}.donate-info-head h2{font-family:var(--font-display);font-weight:800;font-size:1.5rem;line-height:1.2;margin-top:12px}.donate-info-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,215,0,0.42);color:var(--accent-gold);font-family:var(--font-display);font-size:0.78rem;font-weight:700;letter-spacing:0.3px;text-transform:uppercase;background:rgba(255,215,0,0.08)}.donate-info-text{margin-top:14px;color:#d5d8e6;font-size:1.03rem;line-height:1.65}.donate-info-text b{color:#fff}.donate-info-footer{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,215,0,0.2);display:flex;align-items:center;justify-content:flex-end}.donate-info-check{display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-primary);font-weight:600}.donate-info-check input{width:18px;height:18px;accent-color:var(--accent-gold);cursor:pointer}@media (max-width:640px){.donate-info-overlay{padding:14px}.donate-info-modal{padding:20px 16px 14px;border-radius:10px}.donate-info-head h2{font-size:1.18rem;padding-right:30px}.donate-info-text{font-size:0.95rem;line-height:1.55}.donate-info-footer{justify-content:flex-start}}.hero{padding:100px 0;display:flex;align-items:center;justify-content:center;gap:50px;min-height:calc(100vh - 80px);text-align:center}.hero-content{flex:1;max-width:860px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,215,0,0.1);border:1px solid var(--accent-gold);color:var(--accent-gold);padding:6px 12px;border-radius:50px;font-family:var(--font-display);font-size:0.8rem;font-weight:600;text-transform:uppercase;margin-bottom:20px}.hero-badge i{animation:pulse 1.5s infinite}.hero-title{font-family:var(--font-display);font-weight:900;font-size:3.5rem;line-height:1.1;margin-bottom:20px;text-transform:uppercase}.hero-title span{background:linear-gradient(to right,#d4af37,var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;position:relative}.hero-desc{font-size:1.2rem;color:var(--text-muted);line-height:1.6;margin-bottom:35px;max-width:760px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.hero-glow-circle{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,0.15) 0%,transparent 70%);z-index:-1;filter:blur(20px);animation:floatCircle 8s ease-in-out infinite}.hero-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;padding:30px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:100%;max-width:420px;box-shadow:0 20px 40px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.05);transform:rotate3d(1,1,1,5deg);transition:transform 0.5s ease;position:relative;overflow:hidden}.hero-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(0,212,255,0.1),transparent);transform:rotate(45deg);animation:shineBorder 6s linear infinite;pointer-events:none}.hero-card:hover{transform:rotate3d(0,0,0,0) translateY(-10px)}.hero-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--border-glass);padding-bottom:15px}.hero-card-tag{font-family:var(--font-display);font-weight:700;font-size:0.8rem;color:var(--accent-gold);background:rgba(255,215,0,0.1);padding:4px 8px;border-radius:4px}.hero-card-logo{font-family:var(--font-display);font-weight:900;color:var(--accent-blue)}.hero-card-body{display:flex;flex-direction:column;gap:15px}.stat-row{display:flex;justify-content:space-between;font-size:0.95rem}.stat-label{color:var(--text-muted)}.stat-value{font-weight:600;color:var(--text-primary)}.stat-value.gold{color:var(--accent-gold)}.stat-value.blue{color:var(--accent-blue)}@keyframes pulse{0%{opacity:0.4}50%{opacity:1}100%{opacity:0.4}}@keyframes floatCircle{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}@keyframes shineBorder{0%{transform:translate(-30%,-30%) rotate(45deg)}100%{transform:translate(30%,30%) rotate(45deg)}}.section{padding:100px 0;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-subtitle{font-family:var(--font-display);font-weight:700;font-size:0.9rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;display:block}.section-title{font-family:var(--font-display);font-weight:900;font-size:2.5rem;text-transform:uppercase;margin-bottom:15px}.section-desc{max-width:600px;margin:0 auto;color:var(--text-muted);font-size:1.1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.page-schedule .schedule-grid{min-height:342px}.schedule-auth-panel{overflow:hidden;max-height:0;margin-bottom:0 !important;padding:0 16px !important;border-width:0 !important;opacity:0;transform:translateY(-8px);pointer-events:none;transition:max-height 0.34s ease,margin-bottom 0.34s ease,padding 0.34s ease,border-width 0.18s ease,opacity 0.24s ease,transform 0.24s ease}.schedule-auth-panel.is-visible{max-height:180px;margin-bottom:22px !important;padding:16px !important;border-width:1px !important;opacity:1;transform:translateY(0);pointer-events:auto}.schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.leaderboard-shell{width:100%;max-width:1180px;margin:0 auto}.leaderboard-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:18px auto 34px}.leaderboard-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(255,215,0,0.26);border-radius:999px;background:rgba(0,0,0,0.24);color:#d9dced;font-family:var(--font-display);font-size:0.76rem;font-weight:700;text-transform:uppercase}.leaderboard-grid{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;min-height:660px}.leaderboard-role-card{border:1px solid rgba(255,215,0,0.22);border-radius:8px;background:linear-gradient(180deg,rgba(17,17,24,0.82),rgba(8,10,15,0.82)),radial-gradient(420px 140px at 20% 0%,rgba(56,189,248,0.12),transparent 72%);overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,0.34)}.leaderboard-role-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 14px;border-bottom:1px solid rgba(255,215,0,0.18)}.leaderboard-role-name{font-family:var(--font-display);font-weight:900;font-size:1.24rem;color:var(--accent-gold);text-transform:uppercase}.leaderboard-role-count{color:var(--text-muted);font-size:0.9rem}.leaderboard-list{display:grid;gap:0}.leaderboard-row{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(240px,auto);align-items:center;gap:12px;min-height:78px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,0.055)}.leaderboard-row:last-child{border-bottom:0}.leaderboard-rank{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-family:var(--font-display);font-weight:900;color:var(--bg-primary);background:rgba(255,255,255,0.18)}.leaderboard-row.rank-1 .leaderboard-rank{background:linear-gradient(135deg,#ffe77a,var(--accent-gold));box-shadow:0 0 18px rgba(255,215,0,0.34)}.leaderboard-row.rank-2 .leaderboard-rank{background:linear-gradient(135deg,#d6e3f4,#94a3b8)}.leaderboard-row.rank-3 .leaderboard-rank{background:linear-gradient(135deg,#f4c27e,#b66a2a)}.leaderboard-player{min-width:0}.leaderboard-player-name{display:block;font-family:var(--font-display);font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-player-id{display:block;color:var(--text-muted);font-size:0.85rem}.leaderboard-title{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:6px 9px;border-radius:999px;border:1px solid rgba(56,189,248,0.24);color:var(--accent-blue);background:rgba(56,189,248,0.07);font-family:var(--font-display);font-size:0.72rem;font-weight:800;text-transform:uppercase}.leaderboard-row-meta{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0;width:100%}.leaderboard-title.is-locked{border-color:rgba(255,255,255,0.14);color:var(--text-muted);background:rgba(255,255,255,0.035)}.leaderboard-score{display:inline-flex;align-items:center;justify-content:center;min-width:90px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,215,0,0.2);background:rgba(255,215,0,0.07);color:var(--accent-gold);font-size:0.86rem;text-align:right;white-space:nowrap}.leaderboard-empty{padding:28px 18px;color:var(--text-muted);text-align:center}.leaderboard-loading{position:relative;overflow:hidden}.leaderboard-loading-row{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(240px,auto);align-items:center;gap:12px;min-height:78px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,0.055)}.leaderboard-loading-row:last-child{border-bottom:0}.leaderboard-loading-bar{height:12px;border-radius:999px;background:rgba(255,255,255,0.06)}.leaderboard-loading-bar.short{width:40px;height:40px;border-radius:8px}.leaderboard-loading-bar.long{width:60%}.leaderboard-loading-bar.pill{width:110px;height:24px}.leaderboard-loading-meta{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0;width:100%}@keyframes leaderboardShimmer{to{transform:translateX(120%)}}.service-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;padding:40px 30px;transition:all var(--transition-speed);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.service-card:hover{transform:translateY(-10px);border-color:var(--accent-blue);box-shadow:0 10px 30px rgba(0,212,255,0.15)}.service-card.gold-edition:hover{border-color:var(--accent-gold);box-shadow:0 10px 30px rgba(255,215,0,0.15)}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-blue);opacity:0;transition:var(--transition-speed)}.service-card:hover::before{opacity:1}.service-card.gold-edition::before{background:var(--accent-gold)}.service-icon{font-size:3rem;color:var(--accent-gold);margin-bottom:25px}.service-card.gold-edition .service-icon{color:var(--accent-gold)}.service-title{font-family:var(--font-display);font-weight:800;font-size:1.8rem;margin-bottom:15px;text-transform:uppercase}.service-desc{color:var(--text-muted);font-size:1rem;line-height:1.6;margin-bottom:30px;flex-grow:1}.service-features{list-style:none;margin-bottom:30px}.service-features li{display:flex;align-items:center;gap:10px;font-size:0.95rem;margin-bottom:12px;color:var(--text-primary)}.service-features li i{color:var(--accent-gold)}.service-card.gold-edition .service-features li i{color:var(--accent-gold)}.service-offer-price{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:auto 0 0;padding:13px 14px;border:1px solid rgba(233,190,120,0.24);border-radius:8px;background:rgba(233,190,120,0.07)}.service-offer-badge{flex:0 0 auto;color:var(--accent-gold);font-size:0.75rem;font-weight:800;text-transform:uppercase}.service-offer-values{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:7px;min-width:0}.service-offer-values del{color:var(--text-muted);font-size:0.82rem}.service-offer-values strong{color:var(--accent-gold);font-family:var(--font-display);font-size:1.35rem;line-height:1}.service-offer-values span{color:var(--text-muted);font-size:0.76rem}@media (max-width:480px){.service-offer-price{align-items:flex-start;flex-direction:column}.service-offer-values{justify-content:flex-start}}.service-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.service-price{font-family:var(--font-display)}.service-price span{font-size:0.8rem;color:var(--text-muted);display:block}.service-price val{font-size:1.6rem;font-weight:800;color:var(--text-primary)}.service-price.gold val{color:var(--accent-gold)}.pricing{background-color:var(--bg-secondary)}.pricing-cards{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:40px}.price-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;padding:40px;width:100%;max-width:380px;position:relative;text-align:center;transition:all var(--transition-speed)}.price-card:hover{transform:translateY(-8px);border-color:var(--accent-gold);box-shadow:0 15px 30px rgba(255,215,0,0.1)}.price-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--accent-gold);color:var(--bg-primary);font-family:var(--font-display);font-weight:900;font-size:0.75rem;padding:6px 16px;border-radius:50px;text-transform:uppercase;box-shadow:var(--glow-shadow-gold);animation:pulse 2s infinite}.price-card-title{font-family:var(--font-display);font-weight:800;font-size:1.5rem;margin-bottom:15px;text-transform:uppercase}.price-card-cost{margin-bottom:25px}.price-card-cost val{font-family:var(--font-display);font-size:2.8rem;font-weight:900;color:var(--accent-gold);text-shadow:0 0 15px rgba(255,215,0,0.3)}.price-card-cost span{color:var(--text-muted);font-size:0.9rem}.price-benefits{list-style:none;text-align:left;margin-bottom:35px;border-top:1px solid var(--border-glass);padding-top:25px}.price-benefits li{margin-bottom:15px;font-size:0.95rem;display:flex;align-items:center;gap:12px}.price-benefits li i{color:var(--accent-gold)}.price-benefits li.muted{color:var(--text-muted)}.price-benefits li.muted i{color:var(--text-muted)}.faq-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.faq-item{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:8px;overflow:hidden}.faq-question{width:100%;background:none;border:none;padding:20px 25px;text-align:left;font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-speed)}.faq-question:hover{background:rgba(0,212,255,0.03);color:var(--accent-blue)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease;padding:0 25px;color:var(--text-muted);line-height:1.6;font-size:0.95rem}.faq-item.active .faq-answer{max-height:200px;padding-bottom:20px}.faq-item.active .faq-question{color:var(--accent-gold);border-bottom:1px solid var(--border-glass)}.faq-question i{transition:transform var(--transition-speed)}.faq-item.active .faq-question i{transform:rotate(180deg);color:var(--accent-gold)}.cta-banner{background:linear-gradient(135deg,rgba(0,163,255,0.05) 0%,rgba(255,215,0,0.02) 100%);border:1px solid var(--border-glass);border-radius:16px;padding:60px;text-align:center;position:relative;overflow:hidden}.cta-banner::after{content:'';position:absolute;bottom:0;right:0;width:150px;height:150px;background:radial-gradient(circle,rgba(255,215,0,0.1) 0%,transparent 70%);z-index:1}.cta-banner-content{position:relative;z-index:2;max-width:700px;margin:0 auto}.cta-title{font-family:var(--font-display);font-weight:800;font-size:2.2rem;margin-bottom:15px}.cta-desc{color:var(--text-muted);margin-bottom:30px}.form-container{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;padding:34px;width:100%;max-width:500px;margin:22px auto;box-shadow:0 15px 35px rgba(0,0,0,0.6)}.form-title{font-family:var(--font-display);font-weight:800;font-size:2rem;margin-bottom:10px;text-transform:uppercase;text-align:center}.form-subtitle{color:var(--text-muted);text-align:center;font-size:0.95rem;margin-bottom:18px}.form-group{margin-bottom:14px;text-align:left}.form-label{display:block;font-family:var(--font-display);font-weight:600;font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:6px}.form-input,.form-select{width:100%;background:rgba(0,0,0,0.4);border:1px solid var(--border-glass);border-radius:4px;padding:11px 14px;color:var(--text-primary);font-family:var(--font-body);font-size:1.05rem;transition:all var(--transition-speed)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 10px rgba(0,212,255,0.2);background:rgba(0,0,0,0.6)}.form-btn{width:100%;margin-top:10px;padding:12px;font-size:1rem}.form-footer{text-align:center;margin-top:14px;font-size:0.9rem;color:var(--text-muted)}@media (max-width:768px){.form-container{padding:18px;margin:14px auto;border-radius:10px}.form-title{font-size:1.65rem;margin-bottom:8px}.form-subtitle{margin-bottom:14px}.form-group{margin-bottom:12px}.form-input,.form-select{padding:10px 12px;font-size:1rem}.form-btn{padding:12px}}.form-link{color:var(--accent-blue);text-decoration:none;font-weight:600}.form-link:hover{text-shadow:0 0 8px var(--accent-blue-glow)}.alert{padding:12px 20px;border-radius:4px;font-size:0.95rem;margin-bottom:20px;display:flex;align-items:center;gap:10px;border-left:4px solid transparent}.alert-success{background:rgba(0,255,136,0.1);color:#00FF88;border-left-color:#00FF88}.alert-danger{background:rgba(255,68,68,0.1);color:#FF4444;border-left-color:#FF4444}.schedule-status-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;padding:40px;text-align:center;max-width:800px;margin:0 auto 40px auto;position:relative;overflow:hidden}.schedule-status-header{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:30px}.status-badge-lg{font-family:var(--font-display);font-weight:900;font-size:1.2rem;padding:8px 24px;border-radius:50px;display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;box-shadow:0 5px 20px rgba(0,0,0,0.4)}.status-badge-lg.offline{background:rgba(255,68,68,0.15);color:var(--status-offline);border:1px solid var(--status-offline)}.status-badge-lg.preparing{background:rgba(255,215,0,0.15);color:var(--status-prepare);border:1px solid var(--status-prepare);animation:pulseGlowPrepare 2s infinite}.status-badge-lg.streaming{background:rgba(0,255,136,0.15);color:var(--status-live);border:1px solid var(--status-live);animation:pulseGlowLive 2s infinite}@keyframes pulseGlowPrepare{0%,100%{box-shadow:0 0 5px rgba(255,215,0,0.2)}50%{box-shadow:0 0 20px rgba(255,215,0,0.6)}}@keyframes pulseGlowLive{0%,100%{box-shadow:0 0 5px rgba(0,255,136,0.2)}50%{box-shadow:0 0 20px rgba(0,255,136,0.6)}}.status-indicator-dot{width:10px;height:10px;border-radius:50%;background-color:currentColor}.status-badge-lg.preparing .status-indicator-dot,.status-badge-lg.streaming .status-indicator-dot{animation:blinkDot 1s infinite}@keyframes blinkDot{0%,100%{opacity:0.3}50%{opacity:1}}.status-msg{font-size:1.3rem;font-weight:600;color:var(--text-primary)}.dashboard-layout{display:grid;grid-template-columns:300px 1fr;gap:30px;margin-top:40px}.profile-layout{max-width:980px;margin:0 auto;align-items:start}.page-profile .profile-layout{grid-template-columns:minmax(320px,760px);justify-content:center;margin-left:auto;margin-right:auto}.session-log-list{display:grid;gap:10px;height:334px;max-height:334px;overflow-y:auto;padding-right:4px}.session-log-item{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:10px;border:1px solid var(--border-glass);border-radius:6px;background:rgba(0,0,0,0.22);min-height:76px;align-items:center}.session-log-icon{display:inline-flex;align-items:center;justify-content:center;font-size:0.95rem}.session-log-body{min-width:0}.session-log-title{display:block;font-family:var(--font-display);font-size:0.76rem;font-weight:800}.session-log-meta{display:block;color:var(--text-muted);font-size:0.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-collapsible{overflow:hidden;max-height:0;opacity:0;transform:translateY(-6px);transition:max-height 0.35s ease,opacity 0.25s ease,transform 0.25s ease;pointer-events:none}.profile-collapsible.is-open{max-height:900px;opacity:1;transform:translateY(0);pointer-events:auto}#editPanel.profile-collapsible{padding-top:0 !important;padding-bottom:0 !important;border-width:0 !important;margin-bottom:0 !important}#editPanel.profile-collapsible.is-open{padding-top:16px !important;padding-bottom:16px !important;border-width:1px !important;margin-bottom:18px !important}.toggle-icon{transition:transform 0.28s ease;transform-origin:center}.btn.is-expanded .toggle-icon{transform:rotate(90deg)}#openEditBtn.is-expanded .toggle-icon{transform:rotate(135deg) scale(1.04)}#toggleLogBtn.is-expanded .toggle-icon{transform:rotate(90deg) scale(1.03)}.dashboard-sidebar{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;padding:30px;display:flex;flex-direction:column;gap:30px;height:fit-content}.profile-summary{text-align:center;border-bottom:1px solid var(--border-glass);padding-bottom:25px}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-gold));margin:0 auto 15px auto;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:var(--bg-primary);font-family:var(--font-display);font-weight:800;box-shadow:var(--glow-shadow)}.profile-name{font-family:var(--font-display);font-weight:700;font-size:1.3rem}.profile-role{color:var(--accent-blue);font-size:0.85rem;font-family:var(--font-display);text-transform:uppercase;font-weight:600;letter-spacing:1px}.profile-details{display:flex;flex-direction:column;gap:12px}.profile-detail-item{display:flex;justify-content:space-between;font-size:0.95rem}.profile-detail-label{color:var(--text-muted)}.profile-detail-val{font-weight:600}.dashboard-content{display:flex;flex-direction:column;gap:30px}.dashboard-section{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;padding:30px}.dashboard-section-title{font-family:var(--font-display);font-weight:800;font-size:1.4rem;text-transform:uppercase;margin-bottom:20px;border-bottom:1px solid var(--border-glass);padding-bottom:12px;display:flex;justify-content:space-between;align-items:center}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.ticket-item{background:rgba(0,0,0,0.3);border:1px dashed var(--border-glass);border-radius:8px;padding:20px;position:relative;overflow:hidden;transition:all var(--transition-speed)}.ticket-item::after{content:'';position:absolute;top:-20px;right:-20px;width:40px;height:40px;background:var(--bg-card);border-radius:50%;border:1px solid var(--border-glass)}.ticket-item::before{content:'';position:absolute;bottom:-20px;right:-20px;width:40px;height:40px;background:var(--bg-card);border-radius:50%;border:1px solid var(--border-glass)}.ticket-item:hover{border-color:var(--accent-blue);background:rgba(0,212,255,0.03)}.ticket-id{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--accent-blue);margin-bottom:10px}.ticket-status{display:inline-block;font-family:var(--font-display);font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:4px;margin-bottom:15px}.ticket-status.active{background:rgba(0,255,136,0.1);color:#00FF88}.ticket-status.used{background:rgba(255,215,0,0.1);color:var(--accent-gold)}.ticket-status.expired{background:rgba(255,68,68,0.1);color:#FF4444}.ticket-date{font-size:0.85rem;color:var(--text-muted)}.table-responsive{width:100%;overflow-x:auto}.custom-table{width:100%;border-collapse:collapse;text-align:left;font-size:0.95rem}.custom-table th{font-family:var(--font-display);font-weight:700;text-transform:uppercase;color:var(--accent-blue);border-bottom:2px solid var(--border-glass);padding:15px 10px}.custom-table td{padding:15px 10px;border-bottom:1px solid var(--border-glass);color:var(--text-primary)}.custom-table tr:hover td{background:rgba(255,255,255,0.02)}footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-glass);padding:60px 0 30px 0;margin-top:auto}.footer-grid{display:grid;grid-template-columns:1.45fr 0.9fr 1fr 1.2fr 0.95fr;column-gap:24px;row-gap:32px;margin-bottom:40px}@media (max-width:900px){.footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));column-gap:18px}}.footer-col h4{font-family:var(--font-display);font-weight:700;font-size:1.1rem;text-transform:uppercase;margin-bottom:20px;color:var(--accent-gold)}.footer-col p{color:var(--text-muted);font-size:0.95rem;line-height:1.6}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-muted);text-decoration:none;transition:var(--transition-speed);font-size:0.95rem}.footer-links a:hover{color:var(--accent-blue);padding-left:5px}.social-links{display:flex;gap:15px}.social-link{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.03);border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;color:var(--text-primary);text-decoration:none;transition:all var(--transition-speed)}.social-link:hover{background:var(--accent-blue);color:var(--bg-primary);transform:translateY(-3px);box-shadow:var(--glow-shadow)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid var(--border-glass);color:var(--text-muted);font-size:0.9rem}.admin-wrapper{min-height:100vh;background-color:var(--bg-primary);display:grid;grid-template-columns:260px 1fr}.admin-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-glass);padding:30px 20px;display:flex;flex-direction:column;justify-content:space-between}.admin-nav{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:40px}.admin-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:4px;color:var(--text-muted);text-decoration:none;font-family:var(--font-display);font-weight:600;transition:var(--transition-speed)}.admin-nav-link:hover,.admin-nav-link.active{background:rgba(0,212,255,0.08);color:var(--accent-blue);text-shadow:0 0 8px var(--accent-blue-glow)}.admin-body{padding:40px;overflow-y:auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:1px solid var(--border-glass);padding-bottom:20px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:8px;padding:25px;display:flex;align-items:center;justify-content:space-between}.admin-stat-info h3{font-size:0.9rem;color:var(--text-muted);text-transform:uppercase;font-family:var(--font-display);margin-bottom:5px}.admin-stat-number{font-size:2.2rem;font-weight:900;font-family:var(--font-display);color:var(--accent-blue)}.admin-stat-number.gold{color:var(--accent-gold)}.admin-stat-icon{font-size:2.5rem;color:var(--border-glass)}.admin-panel-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.admin-panel{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:8px;padding:25px;margin-bottom:30px}.admin-panel-title{font-family:var(--font-display);font-weight:700;font-size:1.2rem;text-transform:uppercase;margin-bottom:20px;color:var(--text-primary);border-bottom:1px solid var(--border-glass);padding-bottom:10px}.status-controls{display:flex;flex-direction:column;gap:15px}.status-control-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 25px;border-radius:4px;border:1px solid var(--border-glass);background:rgba(0,0,0,0.2);color:var(--text-primary);font-family:var(--font-display);font-weight:700;cursor:pointer;transition:all var(--transition-speed)}.status-control-btn.active-offline{border-color:var(--status-offline);background:rgba(255,68,68,0.1);box-shadow:0 0 10px rgba(255,68,68,0.2)}.status-control-btn.active-preparing{border-color:var(--status-prepare);background:rgba(255,215,0,0.1);box-shadow:0 0 10px rgba(255,215,0,0.2)}.status-control-btn.active-streaming{border-color:var(--status-live);background:rgba(0,255,136,0.1);box-shadow:0 0 10px rgba(0,255,136,0.2)}.status-control-btn:hover:not([class*="active-"]){background:rgba(255,255,255,0.03);border-color:var(--accent-blue)}[data-anim]{opacity:0;will-change:opacity,transform}[data-anim].anim-done{opacity:1;transform:none !important;transition:opacity 0.7s cubic-bezier(0.22,1,0.36,1),transform 0.7s cubic-bezier(0.22,1,0.36,1)}[data-anim="up"]{transform:translateY(60px)}[data-anim="left"]{transform:translateX(-60px)}[data-anim="right"]{transform:translateX(60px)}@media (max-width:768px){[data-anim="left"]{transform:translateX(-22px)}[data-anim="right"]{transform:translateX(22px)}}[data-anim="scale"]{transform:translateY(30px) scale(0.92)}[data-anim="fade"]{transform:none}[data-delay="1"]{transition-delay:0.1s !important}[data-delay="2"]{transition-delay:0.2s !important}[data-delay="3"]{transition-delay:0.3s !important}[data-delay="4"]{transition-delay:0.4s !important}[data-delay="5"]{transition-delay:0.5s !important}[data-delay="6"]{transition-delay:0.6s !important}[data-delay="7"]{transition-delay:0.7s !important}[data-delay="8"]{transition-delay:0.8s !important}[data-delay="9"]{transition-delay:0.9s !important}[data-delay="10"]{transition-delay:1s !important}[data-delay="11"]{transition-delay:1.1s !important}body.page-leaving > header,body.page-leaving > main,body.page-leaving > footer{opacity:0;transform:translateY(4px);filter:blur(1px)}body > header,body > main,body > footer{transition:opacity 0.34s ease,transform 0.34s ease,filter 0.34s ease}.page-transition-veil{position:fixed;inset:0;z-index:250;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;background:rgba(5,7,13,0.52);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity 0.34s ease,visibility 0.34s ease}body.page-ready .page-transition-veil{opacity:0;visibility:hidden}body.page-leaving .page-transition-veil{opacity:1;visibility:visible}.page-transition-spinner{width:28px;height:28px;border:2px solid rgba(255,215,0,0.18);border-top-color:var(--accent-gold);border-radius:50%;box-shadow:0 0 18px rgba(255,215,0,0.18);animation:pageSpin 0.72s linear infinite}@keyframes pageSpin{to{transform:rotate(360deg)}}header{animation:navSettle 0.22s cubic-bezier(0.22,1,0.36,1) both}@keyframes navSettle{from{opacity:0.92;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.footer-grid [data-anim].anim-done{transition-duration:0.65s}@media (max-width:1024px){.dashboard-layout{grid-template-columns:1fr}.profile-layout{max-width:760px}.admin-wrapper{grid-template-columns:1fr}.admin-sidebar{display:none}}@media (max-width:768px){.profile-layout{max-width:100%;gap:14px !important}.mobile-only{display:list-item}.navbar{gap:10px;padding:0 14px}.logo{flex:1 1 auto;min-width:0}.logo-text{font-size:1rem;white-space:nowrap}.logo-icon{width:36px;height:36px}body:not(.page-home) .logo{gap:0}body:not(.page-home) .logo-icon{display:none}.hero{flex-direction:column;padding:54px 0 38px;text-align:center;min-height:auto}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;width:100%;justify-content:center}.hero-actions .btn{width:auto;min-width:140px;max-width:180px;padding:8px 14px;min-height:36px;font-size:0.74rem;line-height:1.05;white-space:nowrap}.hero-actions .btn:nth-child(3){flex:0 0 100%;max-width:none;min-width:0;width:auto;display:inline-flex}.hero-actions .btn:nth-child(3){justify-content:center}.hero-actions .btn:nth-child(3){max-width:240px;margin-left:auto;margin-right:auto}.news-slider{height:auto;aspect-ratio:1999 / 786}.nav-user-summary{min-width:0;max-width:170px;padding:6px 8px;gap:8px}.nav-user-avatar{width:28px;height:28px;border-radius:5px}.nav-user-name{max-width:92px;font-size:0.75rem}.nav-user-details{gap:6px;font-size:0.58rem}.nav-auth form{display:none !important}.hamburger{order:3;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;margin-left:0;border:1px solid var(--border-glass);border-radius:6px;background:rgba(0,0,0,0.22)}.admin-panel-grid{grid-template-columns:1fr}.schedule-grid{grid-template-columns:1fr !important;gap:18px !important}.leaderboard-grid{grid-template-columns:1fr;gap:16px}.leaderboard-row{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:13px 14px}.leaderboard-row-meta{grid-column:auto;width:auto;justify-content:flex-end;gap:10px;margin-top:0}.leaderboard-title{min-width:72px;padding:5px 8px;font-size:0.68rem}.leaderboard-score{text-align:left;min-width:78px;padding:5px 8px;font-size:0.8rem}#auth-panel > div{align-items:flex-start !important}#auth-panel select.form-select{width:100% !important;min-width:0 !important;max-width:100%}.table-responsive{overflow-x:auto}.nav-link-more{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 0}.nav-link-more .nav-link-label{flex:1 1 auto}.nav-more-caret{margin-left:auto}.nav-more-menu{position:static;top:auto;right:auto;width:100%;margin-top:6px;padding:2px 0 0 12px;transform-origin:top center;background:transparent;border:0;box-shadow:none;border-left:1px solid rgba(255,215,0,0.18)}.nav-more.is-open .nav-more-menu{transform:translateY(0) scale(1)}.nav-more-item{display:flex;align-items:center;gap:10px;font-size:0.88rem;padding:8px 6px;border:0;border-radius:6px;background:transparent}.nav-more-item:hover{transform:none;background:rgba(255,255,255,0.04)}.nav-more-item span{flex:1 1 auto}.nav-more-badge{display:none}}.news-slider-section{padding-top:14px;overflow:hidden}.news-slider{position:relative;width:min(100%,1080px);aspect-ratio:5 / 2;height:auto;margin:0 auto;overflow:visible;border:0;box-shadow:none;background:transparent;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.news-slider.is-dragging{cursor:grabbing}.news-slider,.news-slider *{-webkit-user-drag:none}.news-slider-track{position:relative;width:100%;height:100%;perspective:1200px}.news-slide{position:absolute;top:50%;left:50%;width:min(78vw,900px);aspect-ratio:5 / 2;height:auto;opacity:0;transform:translate(-50%,-50%) scale(0.82);transition:opacity 460ms ease,transform 560ms cubic-bezier(0.22,1,0.36,1),filter 460ms ease;pointer-events:none;filter:saturate(0.82) brightness(0.62);z-index:1;will-change:transform,opacity,filter}.news-slide a{display:block;width:100%;height:100%;border-radius:18px;overflow:hidden;background:transparent;border:1px solid rgba(233,190,120,0.18);box-shadow:0 18px 50px rgba(0,0,0,0.32);transform:translateZ(0);-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.news-slide.is-active{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto;filter:none;z-index:3}.news-slide.is-prev,.news-slide.is-next{opacity:0.46;pointer-events:auto;z-index:2}.news-slide.is-prev{transform:translate(calc(-50% - min(62vw,640px)),-50%) scale(0.82)}.news-slide.is-next{transform:translate(calc(-50% + min(62vw,640px)),-50%) scale(0.82)}.news-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:none}.news-slide-content{position:absolute;left:18px;bottom:18px;max-width:calc(100% - 32px);z-index:2}.news-slide-tag{display:inline-block;padding:7px 12px;border-radius:999px;background:rgba(5,9,17,0.62);border:1px solid rgba(255,255,255,0.38);color:#f4f7ff;font-family:var(--font-display);font-size:0.74rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:0}.news-slider-control{position:absolute;top:0;bottom:0;transform:none;width:24%;height:100%;border-radius:0;border:0;background:transparent;color:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all 0.24s ease}.news-slider-control.prev{left:calc(50% - min(39vw,450px))}.news-slider-control.next{right:calc(50% - min(39vw,450px))}.news-slider-control:hover{background:transparent;border-color:transparent;box-shadow:none}.news-slider-control:focus-visible{outline:2px solid rgba(233,190,120,0.5);outline-offset:-8px}.news-slider-control i{opacity:0;pointer-events:none}.news-slider-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;z-index:4;padding:0;border:0;background:transparent}.news-slider-dot{width:7px;height:7px;border-radius:50%;border:0;cursor:pointer;background:rgba(255,255,255,0.3);transition:transform 0.2s ease,background-color 0.2s ease,box-shadow 0.2s ease}.news-slider-dot:hover{transform:scale(1.14)}.news-slider-dot.is-active{background:rgba(255,255,255,0.92);box-shadow:0 0 0 1px rgba(56,189,248,0.28)}body.page-home .news-slider-section{padding-top:14px;padding-bottom:6px}body.page-home .news-slider-section + #layanan{margin-top:10px;position:relative}body.page-home .news-slider-section + #layanan::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(820px,90%);height:1px;background:linear-gradient(90deg,rgba(255,215,0,0),rgba(255,215,0,0.45),rgba(56,189,248,0.32),rgba(255,215,0,0.45),rgba(255,215,0,0))}body.page-home #layanan .section-header{margin-bottom:30px !important}@media (max-width:768px){body.page-home .news-slider-section{padding-top:8px;padding-bottom:2px}body.page-home .news-slider-section + #layanan{margin-top:4px;padding-top:44px !important}body.page-home #layanan .section-header{margin-bottom:22px !important}.news-slider{width:min(100%,520px);aspect-ratio:5 / 2}.news-slide{width:min(88vw,520px)}.news-slide a{border-radius:12px}.news-slide.is-prev{transform:translate(calc(-50% - 65vw),-50%) scale(0.84)}.news-slide.is-next{transform:translate(calc(-50% + 65vw),-50%) scale(0.84)}.news-slider-control{display:inline-flex;width:28%;height:100%;font-size:0.84rem;background:transparent;border-color:transparent}.news-slider-control.prev{left:0}.news-slider-control.next{right:0}.news-slide-content{left:12px;bottom:12px}.news-slide-tag{padding:6px 10px;font-size:0.68rem}.news-slider-dots{bottom:8px;gap:5px}.news-slider-dot{width:6px;height:6px}}@media (max-width:420px){.logo-text{display:block;font-size:0.9rem}.nav-user-summary{max-width:145px}.nav-user-name{max-width:72px}}@media (min-width:769px){.navbar .nav-menu > li.nav-more{position:relative !important;isolation:isolate}.navbar .nav-menu > li > .nav-link{width:40px !important;min-width:40px !important;height:38px !important;min-height:38px !important;padding:0 !important;gap:0 !important}.navbar .nav-menu > li > .nav-link.active{width:auto !important;min-width:0 !important;padding:0 10px !important;gap:8px !important;border-radius:10px !important;border-color:rgba(255,255,255,0.10) !important;background:rgba(255,255,255,0.08) !important;box-shadow:none !important}.navbar .nav-menu > li > .nav-link:not(.active) .nav-link-label{display:none !important}.navbar .nav-menu > li > .nav-link::before{content:attr(aria-label);position:absolute;top:calc(100% + 9px);left:50%;padding:7px 10px;border:1px solid rgba(56,189,248,0.3);border-radius:8px;background:rgba(10,10,15,0.95);box-shadow:0 10px 24px rgba(0,0,0,0.45);opacity:0;transform:translate(-50%,-6px);pointer-events:none;white-space:nowrap;z-index:140;transition:opacity 220ms ease,transform 300ms cubic-bezier(0.22,1,0.36,1)}.navbar .nav-menu > li > .nav-link:hover::before,.navbar .nav-menu > li > .nav-link:focus-visible::before{opacity:1;transform:translate(-50%,0)}.navbar .nav-menu > li.nav-more > button.nav-link-more,.navbar .nav-menu > li.nav-more > button.nav-link-more:focus,.navbar .nav-menu > li.nav-more > button.nav-link-more:focus-visible{background:transparent !important;background-color:transparent !important;box-shadow:none !important;outline:none !important;-webkit-appearance:none !important;appearance:none !important}.navbar .nav-menu > li.nav-more > button.nav-link-more{color:var(--text-muted) !important}.navbar .nav-menu > li.nav-more > button.nav-link-more::before{display:none !important;content:none !important}.navbar .nav-menu > li.nav-more > button.nav-link-more .nav-more-caret{border:0 !important;background:transparent !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important}.navbar .nav-menu > li.nav-more.is-open > button.nav-link-more{border-color:rgba(56,189,248,0.42) !important;background:rgba(56,189,248,0.16) !important;box-shadow:0 0 16px rgba(56,189,248,0.18) !important;color:rgba(248,250,255,0.98) !important}.navbar .nav-menu > li.nav-more .nav-more-menu{position:absolute !important;top:calc(100% + 10px) !important;right:0 !important;left:auto !important;width:260px !important;max-width:260px !important;border-left:1px solid rgba(221,190,141,0.30) !important;border-bottom:1px solid rgba(221,190,141,0.30) !important;border-radius:10px !important;padding:7px !important;overflow:hidden;z-index:220 !important}}.wr-loss-card-highlight{background:rgba(56,189,248,0.11)}body.page-home{background-color:#11110f}body.page-home::before{opacity:0.035}body.page-home::after{opacity:1;background:radial-gradient(760px 360px at 16% 8%,rgba(233,190,120,0.14),transparent 64%),radial-gradient(640px 320px at 86% 14%,rgba(255,255,255,0.055),transparent 68%),linear-gradient(180deg,#11110f 0%,#171510 44%,#11110f 100%)}body.page-home .grid-bg{opacity:0.035;filter:grayscale(1)}body.page-home header{background:rgba(17,17,15,0.72);border-bottom:1px solid rgba(233,190,120,0.12);backdrop-filter:blur(18px)}body.page-home .logo-text,body.page-home .section-title,body.page-home .service-title,body.page-home .cta-title{letter-spacing:-0.04em;text-transform:none}body.page-home .logo-text span,body.page-home .section-subtitle,body.page-home .service-icon,body.page-home .service-features li i{color:var(--accent-gold)}body.page-home .nav-link{border-radius:999px;letter-spacing:0;text-transform:none}body.page-home .btn{border-radius:999px;letter-spacing:0;text-transform:none;box-shadow:none}body.page-home .btn-primary,body.page-home .btn-gold{background:#e9be78;color:#16130e;border:1px solid #e9be78}body.page-home .btn-secondary{color:#f4efe7;border-color:rgba(233,190,120,0.28);background:rgba(255,255,255,0.035)}body.page-home .news-slider-section{padding-top:28px;padding-bottom:18px}body.page-home .news-slider{border-radius:24px;border:0;background:transparent;box-shadow:none}body.page-home .news-slider::after{content:none}body.page-home .news-slide img{object-fit:cover;filter:none}body.page-home .news-slide-content,body.page-home .news-slider-control,body.page-home .news-slider-dots{z-index:4}body.page-home .news-slide-tag{border:1px solid rgba(233,190,120,0.22);background:rgba(17,17,15,0.62);color:#f4efe7;font-family:var(--font-body);font-size:0.72rem;letter-spacing:0;text-transform:none}body.page-home .news-slider-control{background:transparent;border-color:transparent;color:transparent}body.page-home .news-slider-control:hover{background:transparent;border-color:transparent;box-shadow:none}body.page-home .news-slider-dot.is-active{background:#e9be78;box-shadow:none}body.page-home .news-slider-section + #layanan{margin-top:0}body.page-home .news-slider-section + #layanan::before{display:none}body.page-home #layanan{border-top-color:rgba(233,190,120,0.12) !important}body.page-home .section-subtitle{font-family:var(--font-body);font-size:0.78rem;letter-spacing:0.08em}body.page-home .section-title{font-size:clamp(2rem,4vw,3.3rem);line-height:0.98}body.page-home .section-desc{color:rgba(244,239,231,0.66);line-height:1.7}body.page-home .service-card{border:1px solid rgba(233,190,120,0.12) !important;background:radial-gradient(420px 180px at 18% 0%,rgba(233,190,120,0.09),transparent 70%),rgba(24,23,20,0.82) !important;border-radius:22px !important;box-shadow:0 24px 70px rgba(0,0,0,0.24) !important}body.page-home .service-card::before{display:none}body.page-home .service-card:hover{transform:translateY(-4px);border-color:rgba(233,190,120,0.24) !important;box-shadow:0 30px 78px rgba(0,0,0,0.28) !important}body.page-home .service-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(233,190,120,0.10);font-size:1.15rem !important}body.page-home .service-desc,body.page-home .service-features{color:rgba(244,239,231,0.68);line-height:1.65}body.page-home .faq-item,body.page-home .cta-banner{border:1px solid rgba(233,190,120,0.12);background:rgba(24,23,20,0.72) !important;border-radius:18px !important;box-shadow:none !important}body.page-home .faq-question{color:#f4efe7;font-family:var(--font-body)}body.page-home .faq-answer{background:rgba(255,255,255,0.035) !important;color:rgba(244,239,231,0.68)}.brand-stage{position:relative;isolation:isolate;margin-top:-1px;overflow:hidden;background:#1b1a1d;border-top:0;border-bottom:0}.brand-stage__scene{position:relative;min-height:clamp(245px,30vw,390px);overflow:hidden;background:#1b1a1d}.brand-stage__scene::before{content:"";position:absolute;left:-8%;right:-8%;top:20%;height:58%;border-bottom:1px solid rgba(232,203,158,0.5);border-radius:0 0 50% 50%;background:radial-gradient(680px 170px at 50% 94%,rgba(233,190,120,0.08),transparent 74%);box-shadow:0 24px 48px rgba(233,190,120,0.08)}.brand-stage__scene::after{content:"";position:absolute;inset:auto 0 0;height:18%;background:linear-gradient(180deg,rgba(47,41,33,0),#1b1a1d);z-index:5}.brand-stage__glow{position:absolute;left:50%;top:58%;width:min(420px,74vw);aspect-ratio:1.45;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(233,190,120,0.12) 0 16%,rgba(233,190,120,0.045) 38%,transparent 72%);filter:blur(10px);opacity:0.72}.brand-stage__wing,.brand-stage__cut{position:absolute;bottom:0;z-index:2;pointer-events:none}.brand-stage__wing{width:min(58vw,820px);height:68%;background:linear-gradient(90deg,rgba(0,0,0,0.98),rgba(0,0,0,0.92) 58%,rgba(233,190,120,0.1)),linear-gradient(180deg,transparent,rgba(233,190,120,0.08));border:0;box-shadow:inset 0 0 26px rgba(233,190,120,0.045);filter:drop-shadow(1px 0 0 rgba(233,190,120,0.92)) drop-shadow(-1px 0 0 rgba(233,190,120,0.86)) drop-shadow(0 1px 0 rgba(233,190,120,0.78)) drop-shadow(0 -1px 0 rgba(233,190,120,0.86)) drop-shadow(0 0 7px rgba(233,190,120,0.22)) drop-shadow(0 0 16px rgba(233,190,120,0.10));clip-path:polygon(0 0,17% 29%,12% 10%,40% 30%,88% 40%,73% 54%,100% 100%,0 100%)}.brand-stage__wing--left{left:-8%;transform:skewY(1.2deg)}.brand-stage__wing--right{right:-8%;transform:scaleX(-1) skewY(1.2deg)}.brand-stage__cut{width:min(30vw,390px);height:54%;background:linear-gradient(115deg,rgba(0,0,0,0.92),rgba(0,0,0,0.78)),linear-gradient(180deg,transparent,rgba(222,198,77,0.08));border:0;box-shadow:inset 0 0 22px rgba(233,190,120,0.04);filter:drop-shadow(1px 0 0 rgba(233,190,120,0.92)) drop-shadow(-1px 0 0 rgba(233,190,120,0.86)) drop-shadow(0 1px 0 rgba(233,190,120,0.78)) drop-shadow(0 -1px 0 rgba(233,190,120,0.86)) drop-shadow(0 0 6px rgba(233,190,120,0.22)) drop-shadow(0 0 14px rgba(233,190,120,0.10));clip-path:polygon(0 8%,100% 28%,80% 58%,94% 51%,75% 100%,0 100%)}.brand-stage__cut--left{left:8%;bottom:-2px}.brand-stage__cut--right{right:8%;bottom:-2px;transform:scaleX(-1)}.brand-stage__logo{position:absolute;left:50%;top:58%;z-index:4;width:clamp(116px,12vw,172px);height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 0 12px rgba(255,255,255,0.12)) drop-shadow(0 0 22px rgba(233,190,120,0.3)) drop-shadow(0 18px 18px rgba(0,0,0,0.45))}.brand-stage__copy{position:relative;z-index:7;padding-top:42px;padding-bottom:48px;text-align:center}.brand-stage__copy p{max-width:1040px;margin:0 auto;color:rgba(247,241,229,0.88);font-size:clamp(0.95rem,1.25vw,1.08rem);line-height:1.8}body.page-home footer{border-top:0;background:#1b1a1d}@media (max-width:768px){body.page-home .news-slider-section{padding-top:14px}body.page-home .news-slider{border-radius:18px}body.page-home .section-title{font-size:2rem}.brand-stage{margin-top:-1px}.brand-stage__scene{min-height:230px}.brand-stage__wing{width:82vw;height:62%}.brand-stage__wing--left{left:-30%}.brand-stage__wing--right{right:-30%}.brand-stage__cut{width:48vw;height:50%}.brand-stage__cut--left{left:-2%}.brand-stage__cut--right{right:-2%}.brand-stage__logo{width:106px}.brand-stage__copy{padding-top:28px;padding-bottom:34px}.brand-stage__copy p{line-height:1.7}}body:not(.page-home){letter-spacing:0.2px}body:not(.page-home)::before{opacity:0.035}body:not(.page-home)::after{opacity:0.98;background:radial-gradient(760px 360px at 16% 8%,rgba(233,190,120,0.12),transparent 64%),radial-gradient(640px 320px at 86% 14%,rgba(255,255,255,0.045),transparent 68%),linear-gradient(180deg,#11110f 0%,#171510 44%,#11110f 100%)}body:not(.page-home) .grid-bg{opacity:0.035;filter:grayscale(1)}body:not(.page-home) .logo-text,body:not(.page-home) .section-title,body:not(.page-home) .form-title,body:not(.page-home) .dashboard-section-title{letter-spacing:-0.02em;text-transform:none}body:not(.page-home) .btn{border-radius:999px;letter-spacing:0;text-transform:none;box-shadow:none}body:not(.page-home) .btn-primary,body:not(.page-home) .btn-gold{background:#e9be78;color:#16130e;border:1px solid #e9be78}body:not(.page-home) .btn-secondary{color:#f4efe7;border-color:rgba(233,190,120,0.28);background:rgba(255,255,255,0.035)}body:not(.page-home) .form-container,body:not(.page-home) .dashboard-sidebar,body:not(.page-home) .dashboard-section,body:not(.page-home) .leaderboard-role-card,body:not(.page-home) .admin-panel{border:1px solid rgba(233,190,120,0.12) !important;background:radial-gradient(420px 180px at 18% 0%,rgba(233,190,120,0.09),transparent 70%),rgba(24,23,20,0.82) !important;border-radius:18px !important;box-shadow:0 20px 54px rgba(0,0,0,0.24) !important}body:not(.page-home) .custom-table th{background:rgba(233,190,120,0.08);color:var(--accent-gold);border-bottom:1px solid rgba(233,190,120,0.24)}body:not(.page-home) .custom-table td{border-bottom:1px solid rgba(233,190,120,0.1)}:root{--bg-primary:#312b23;--bg-secondary:#3b352c;--bg-glass:rgba(61,55,46,0.84);--bg-card:rgba(71,64,54,0.90);--border-glass:rgba(221,190,141,0.24);--accent-blue:#96a8b5;--accent-blue-glow:rgba(150,168,181,0.18);--accent-gold:#d8b07a;--accent-gold-glow:rgba(216,176,122,0.18);--text-primary:#f7f1e5;--text-muted:#d9cfbf;--glow-shadow:0 10px 26px rgba(0,0,0,0.18);--glow-shadow-gold:0 10px 24px rgba(0,0,0,0.16)}body{letter-spacing:0.12px;padding-top:80px}body::before{opacity:0 !important;background:none !important}body::after{opacity:1 !important;background:radial-gradient(820px 390px at 12% 8%,rgba(216,176,122,0.17),transparent 66%),radial-gradient(780px 360px at 84% 14%,rgba(255,252,245,0.06),transparent 68%),radial-gradient(900px 420px at 76% 90%,rgba(150,168,181,0.07),transparent 70%),linear-gradient(180deg,#40372d 0%,#372f27 46%,#312b23 100%) !important}body.page-home,body:not(.page-home),body.page-profile,body.page-schedule{background-color:var(--bg-primary) !important}body.page-home::after,body:not(.page-home)::after,body.page-profile::after,body.page-schedule::after{opacity:0.96 !important;background:radial-gradient(820px 390px at 12% 8%,rgba(216,176,122,0.17),transparent 66%),radial-gradient(780px 360px at 84% 14%,rgba(255,252,245,0.06),transparent 68%),radial-gradient(900px 420px at 76% 90%,rgba(150,168,181,0.07),transparent 70%),linear-gradient(180deg,#40372d 0%,#372f27 46%,#312b23 100%) !important}.grid-bg{opacity:0.028 !important;animation:none !important;filter:grayscale(0.25)}header{position:fixed !important;top:0;left:0;right:0;width:100%;z-index:1000;background:rgba(58,53,47,0.84) !important;border-bottom:1px solid rgba(221,190,141,0.26) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.logo-text span,.nav-link,.nav-link i{text-shadow:none !important}.nav-link{border-color:rgba(221,190,141,0.24) !important;background:rgba(216,176,122,0.06) !important}.nav-link:hover,.nav-link.active{background:rgba(216,176,122,0.16) !important;border-color:rgba(216,176,122,0.42) !important;box-shadow:0 0 14px rgba(216,176,122,0.14) !important}.btn{box-shadow:none}.btn-primary,.btn-gold{background:linear-gradient(135deg,#e9be78,#cfab75) !important;border-color:#dfbb86 !important;color:#2e2418 !important}.btn-primary:hover,.btn-gold:hover{background:linear-gradient(135deg,#e4c08f,#d4af79) !important}.btn-secondary{background:rgba(255,255,255,0.05) !important;border-color:rgba(221,190,141,0.36) !important}.form-container,.service-card,.dashboard-sidebar,.dashboard-section,.leaderboard-role-card,.admin-panel,.admin-stat-card,.ticket-item,.faq-item,.cta-banner,.price-card,.schedule-status-card,.session-log-shell,.quick-donate-panel{background:radial-gradient(420px 200px at 18% 0%,rgba(216,176,122,0.12),transparent 72%),rgba(71,64,54,0.90) !important;border:1px solid rgba(221,190,141,0.20) !important;box-shadow:0 14px 34px rgba(0,0,0,0.18) !important}.section-desc,.service-desc,.faq-answer,.footer-col p,.footer-links a,.form-helper,.hero-subtitle{color:rgba(248,243,234,0.84) !important}.form-input,.form-select,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],textarea,select{background:rgba(255,255,255,0.07) !important;border:1px solid rgba(221,190,141,0.24) !important;color:var(--text-primary) !important}.form-input:focus,.form-select:focus,input:focus,textarea:focus,select:focus{border-color:rgba(216,176,122,0.54) !important;box-shadow:0 0 0 3px rgba(216,176,122,0.16) !important}.form-select option,select option{color:#f7f1e5 !important;background:#3b352c !important}html::-webkit-scrollbar,body::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#3b352c}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:rgba(216,176,122,0.46);border-radius:999px;border:1px solid #3b352c}@media (max-width:768px){html::-webkit-scrollbar,body::-webkit-scrollbar{width:6px}}.quick-donate-backdrop{background:rgba(17,14,11,0.56) !important}footer{border-top-color:rgba(221,190,141,0.24) !important;background:rgba(46,40,34,0.88) !important}body.page-home footer{border-top:0 !important;background:#1b1a1d !important}[data-admin-theme="alvero"] .admin-sidebar{border-right:1px solid rgba(221,190,141,0.24) !important;background:radial-gradient(420px 220px at 0% 0%,rgba(216,176,122,0.14),transparent 70%),rgba(55,48,40,0.92) !important}main a[href]:not(.btn):not(.nav-link):not(.nav-more-item):not(.logo):not(.social-link){color:var(--accent-gold);text-decoration:underline;text-decoration-color:rgba(216,176,122,0.55);text-decoration-thickness:0.09em;text-underline-offset:0.18em}main a[href]:not(.btn):not(.nav-link):not(.nav-more-item):not(.logo):not(.social-link):visited{color:rgba(216,176,122,0.92)}main a[href]:not(.btn):not(.nav-link):not(.nav-more-item):not(.logo):not(.social-link):hover{color:rgba(255,240,214,0.98);text-decoration-color:rgba(255,240,214,0.70)}main a[href]:not(.btn):not(.nav-link):not(.nav-more-item):not(.logo):not(.social-link):focus-visible{outline:2px solid rgba(216,176,122,0.55);outline-offset:2px;border-radius:6px}@media (min-width:769px){.nav-menu .nav-link::before{border-color:rgba(221,190,141,0.34) !important;background:rgba(46,40,34,0.96) !important;color:rgba(247,241,229,0.94) !important;box-shadow:0 12px 28px rgba(0,0,0,0.42) !important}.nav-menu .nav-link:hover::before,.nav-menu .nav-link:focus-visible::before{border-color:rgba(216,176,122,0.48) !important}.nav-more-menu{border-color:rgba(221,190,141,0.28) !important;background:rgba(46,40,34,0.96) !important;box-shadow:0 18px 52px rgba(0,0,0,0.48) !important}.nav-more-item:hover{background:rgba(216,176,122,0.14) !important;border-color:rgba(216,176,122,0.24) !important;transform:translateX(2px)}.nav-more-item:focus-visible{outline:2px solid rgba(216,176,122,0.55);outline-offset:2px}.nav-menu .nav-more.is-open .nav-link-more{border-color:rgba(216,176,122,0.42) !important;background:rgba(216,176,122,0.12) !important;box-shadow:0 0 14px rgba(216,176,122,0.14) !important;color:rgba(247,241,229,0.96) !important}}.nav-link-more:focus-visible{outline-color:rgba(216,176,122,0.55) !important;background:rgba(216,176,122,0.12) !important}.nav-link-more:active{background:rgba(216,176,122,0.12) !important}.nav-link-more:focus-visible{outline:2px solid rgba(216,176,122,0.55) !important}.nav-more.is-open .nav-more-caret{border-color:rgba(216,176,122,0.42) !important;background:rgba(216,176,122,0.12) !important}@media (min-width:769px){.navbar .nav-menu > li.nav-more > button.nav-link.nav-link-more{border-color:rgba(221,190,141,0.26) !important;background:rgba(216,176,122,0.06) !important;box-shadow:none !important;color:rgba(247,241,229,0.92) !important}.navbar .nav-menu > li.nav-more > button.nav-link.nav-link-more:hover,.navbar .nav-menu > li.nav-more > button.nav-link.nav-link-more:focus-visible{border-color:rgba(216,176,122,0.40) !important;background:rgba(216,176,122,0.14) !important;box-shadow:0 0 14px rgba(216,176,122,0.14) !important}.navbar .nav-menu > li.nav-more.is-open > button.nav-link.nav-link-more{border-color:rgba(216,176,122,0.44) !important;background:rgba(216,176,122,0.16) !important;box-shadow:0 0 15px rgba(216,176,122,0.16) !important}}@media (min-width:769px){.navbar .nav-menu > li > .nav-link,.navbar .nav-menu > li.nav-more > button.nav-link.nav-link-more{border-radius:999px !important}.navbar .nav-menu > li > .nav-link.active{border-radius:999px !important}}@media (min-width:769px){.navbar .nav-menu > li > .nav-link{width:40px !important;min-width:40px !important;overflow:clip;white-space:nowrap;will-change:width,transform;transition:width 300ms cubic-bezier(0.22,1,0.36,1),min-width 300ms cubic-bezier(0.22,1,0.36,1),padding 300ms cubic-bezier(0.22,1,0.36,1),gap 300ms cubic-bezier(0.22,1,0.36,1),color 200ms ease,background-color 200ms ease,border-color 200ms ease,box-shadow 200ms ease,transform 180ms ease !important}.navbar .nav-menu > li > .nav-link i{transition:transform 220ms cubic-bezier(0.22,1,0.36,1),opacity 180ms ease}.navbar .nav-menu > li > .nav-link::before{display:none !important;content:none !important}.navbar .nav-menu > li > .nav-link.active{width:var(--nav-open-width,116px) !important;min-width:var(--nav-open-width,116px) !important;padding:0 12px !important;gap:8px !important}.navbar .nav-menu > li > .nav-link:hover,.navbar .nav-menu > li > .nav-link.is-hovered,.navbar .nav-menu > li > .nav-link:focus-visible{width:var(--nav-open-width,116px) !important;min-width:var(--nav-open-width,116px) !important;padding:0 12px !important;gap:8px !important;transform:translateY(-1px)}.navbar .nav-menu > li > .nav-link[aria-label="Beranda"]{--nav-open-width:110px}.navbar .nav-menu > li > .nav-link[aria-label="Jadwal"],.navbar .nav-menu > li > .nav-link[aria-label="Layanan"],.navbar .nav-menu > li > .nav-link[aria-label="Kontak"]{--nav-open-width:108px}.navbar .nav-menu > li > .nav-link[aria-label="Peringkat"]{--nav-open-width:136px}.navbar .nav-menu > li > .nav-link[aria-label="Panduan"]{--nav-open-width:126px}.navbar .nav-menu > li > .nav-link[aria-label="FAQ"]{--nav-open-width:88px}.navbar .nav-menu > li > .nav-link[aria-label="Lainnya"]{--nav-open-width:144px}.navbar .nav-menu > li > .nav-link .nav-link-label{display:inline-block !important;max-width:0;opacity:0;margin-left:0;transform:translateX(-6px);overflow:hidden;transition:max-width 280ms cubic-bezier(0.22,1,0.36,1),opacity 180ms ease,margin-left 280ms cubic-bezier(0.22,1,0.36,1),transform 280ms cubic-bezier(0.22,1,0.36,1)}.navbar .nav-menu > li > .nav-link:not(.active) .nav-link-label{display:inline-block !important}.navbar .nav-menu > li > .nav-link:hover .nav-link-label,.navbar .nav-menu > li > .nav-link.is-hovered .nav-link-label,.navbar .nav-menu > li > .nav-link:focus-visible .nav-link-label,.navbar .nav-menu > li > .nav-link.active .nav-link-label{display:inline-block !important;max-width:120px;opacity:1;transform:translateX(0);margin-left:2px}.navbar .nav-menu > li > .nav-link:not(.active):hover .nav-link-label,.navbar .nav-menu > li > .nav-link:not(.active).is-hovered .nav-link-label,.navbar .nav-menu > li > .nav-link:not(.active):focus-visible .nav-link-label{display:inline-block !important}.navbar .nav-menu > li > .nav-link:hover i,.navbar .nav-menu > li > .nav-link.is-hovered i,.navbar .nav-menu > li > .nav-link:focus-visible i{transform:translateX(-1px)}}body.page-profile,body.page-schedule{background-image:none !important;background-attachment:scroll !important}body.page-leaderboard .leaderboard-shell{border:0 !important;background:transparent !important;box-shadow:none !important}body.page-leaderboard .leaderboard-role-card{border:0 !important;background:rgba(24,22,19,0.88) !important;box-shadow:0 14px 34px rgba(0,0,0,0.20) !important}body.page-leaderboard .leaderboard-role-head{border-bottom:0 !important;padding-bottom:10px}body.page-leaderboard .leaderboard-list{display:grid;gap:10px;padding:0 14px 14px}body.page-leaderboard .leaderboard-row{border:0 !important;border-radius:12px;background:rgba(255,255,255,0.03);min-height:72px;padding:12px 14px}body.page-leaderboard .leaderboard-empty{border-radius:12px;background:rgba(255,255,255,0.02);padding:22px 14px}body.page-home .logo{overflow:hidden}body.page-home.home-logo-intro .logo-icon--img{opacity:0;transform:scale(0);animation:homeLogoIconSequence 1.5s cubic-bezier(0.22,1,0.36,1) 120ms both}body.page-home.home-logo-intro .logo-text{opacity:0;transform:translateX(-16px);transform-origin:left center;animation:homeLogoTextReveal 520ms cubic-bezier(0.22,1,0.36,1) 1.7s both}@keyframes homeLogoIconSequence{0%{opacity:0;transform:scale(0) rotate(0deg)}30%{opacity:1;transform:scale(1.08) rotate(0deg)}45%{opacity:1;transform:scale(1) rotate(0deg)}85%{opacity:1;transform:scale(1) rotate(360deg)}100%{opacity:1;transform:scale(1) rotate(360deg)}}@keyframes homeLogoTextReveal{0%{opacity:0;transform:translateX(-18px)}100%{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){body.page-home.home-logo-intro .logo-icon--img,body.page-home.home-logo-intro .logo-text{animation:none !important}}@media (min-width:769px){body .navbar .nav-menu > li > .nav-link:not(.active):is(:hover,:focus-visible,.is-hovered) > .nav-link-label{display:inline-block !important;position:static !important;max-width:140px !important;width:auto !important;opacity:1 !important;visibility:visible !important;margin-left:2px !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;transform:translateX(0) !important;pointer-events:auto !important;color:rgba(247,241,229,0.96) !important;overflow:visible !important}}.announcement-banner{background:linear-gradient(90deg,rgba(217,119,6,0.95),rgba(185,28,28,0.95));color:#ffffff;padding:10px 40px 10px 20px;text-align:center;font-size:0.92rem;font-weight:600;position:relative;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.3);display:flex;justify-content:center;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,0.15)}.announcement-banner i{font-size:1.1rem}.announcement-banner-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:rgba(255,255,255,0.8);font-size:1.2rem;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;transition:color 0.2s ease}.announcement-banner-close:hover{color:#ffffff}.announcement-popup{position:fixed;inset:0;z-index:1300;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.announcement-popup.is-open{opacity:1;visibility:visible;pointer-events:auto}.announcement-popup-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(4px)}.announcement-popup-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%) scale(.96);width:520px;max-width:calc(100% - 24px);padding:24px 20px;border:1px solid rgba(217,119,6,0.5);border-radius:12px;background:linear-gradient(180deg,rgba(22,17,12,0.98),rgba(12,8,6,0.99));box-shadow:0 20px 40px rgba(0,0,0,0.6),0 0 24px rgba(217,119,6,0.15);max-height:calc(100vh - 40px);overflow:auto;opacity:0;transition:transform .28s ease,opacity .28s ease}.announcement-popup.is-open .announcement-popup-panel{transform:translate(-50%,-50%) scale(1);opacity:1}.announcement-popup-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.announcement-popup-header i{font-size:1.8rem;color:#ffd700}.announcement-popup-header h3{margin:0;font-size:1.3rem;color:#f3f4f6;font-weight:700}.announcement-popup-body{color:#d1d5db;line-height:1.6;margin-bottom:20px;font-size:0.95rem}.announcement-popup-body p{margin:0 0 12px}.announcement-popup-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:1px solid rgba(255,255,255,0.15);border-radius:6px;background:rgba(255,255,255,0.05);color:#9ca3af;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease}.announcement-popup-close:hover{color:#ffffff;background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.25)}.announcement-popup-footer{display:flex;flex-direction:column;gap:12px}.announcement-popup-footer .btn{width:100%}.announcement-popup-understand{display:inline-flex;align-items:center;gap:8px;color:#9ca3af;font-size:0.9rem;cursor:pointer;user-select:none}.announcement-popup-understand input[type="checkbox"]{accent-color:#d97706}.service-card.is-offline{position:relative;pointer-events:none;opacity:0.8}.service-card.is-offline::before{content:"TUTUP SEMENTARA";position:absolute;inset:0;background:rgba(0,0,0,0.65);backdrop-filter:blur(2px);color:#ef4444;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;letter-spacing:2px;border-radius:12px;z-index:10;transform:rotate(-10deg);border:3px solid #ef4444;height:fit-content;width:fit-content;padding:8px 16px;margin:auto;box-shadow:0 0 16px rgba(239,68,68,0.4)}.topup-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-top:40px}@media (max-width:992px){.topup-grid{grid-template-columns:1fr}}.topup-panel{background:var(--glass-bg);border:1px solid var(--border-glass);border-radius:16px;padding:24px;box-shadow:var(--glow-shadow)}.topup-section-title{font-size:1.15rem;color:var(--accent-gold);margin-bottom:18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,0.08);padding-bottom:8px}.topup-section-title span{background:rgba(255,215,0,0.15);color:var(--accent-gold);width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:0.95rem;font-weight:bold}.form-group-row{display:grid;grid-template-columns:2fr 1fr;gap:15px}.validation-box{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:12px 16px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:0.95rem;min-height:48px}.validation-box.success{border-color:rgba(34,197,94,0.3);background:rgba(34,197,94,0.05)}.validation-box.error{border-color:rgba(239,68,68,0.3);background:rgba(239,68,68,0.05)}.validation-box .nickname-label{color:#9ca3af}.validation-box .nickname-value{color:#ffd700;font-weight:bold}.topup-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.topup-product-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:16px 10px;text-align:center;cursor:pointer;transition:all 0.25s cubic-bezier(0.25,0.8,0.25,1);display:flex;flex-direction:column;justify-content:space-between;gap:8px}.topup-product-card:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,215,0,0.25);transform:translateY(-2px)}.topup-product-card.active{background:rgba(255,215,0,0.05);border-color:var(--accent-gold);box-shadow:0 0 12px rgba(255,215,0,0.15)}.topup-product-diamonds{font-size:0.95rem;font-weight:bold;color:#f3f4f6;display:flex;flex-direction:column;align-items:center;gap:4px}.topup-product-diamonds i{color:var(--accent-blue);font-size:1.2rem}.topup-product-price{font-size:0.88rem;color:var(--accent-gold);font-weight:600}.topup-payment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.topup-payment-item{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:12px;cursor:pointer;transition:all 0.2s ease;display:flex;flex-direction:column;gap:6px}.topup-payment-item:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,215,0,0.2)}.topup-payment-item.active{background:rgba(255,215,0,0.04);border-color:var(--accent-gold);box-shadow:0 0 10px rgba(255,215,0,0.1)}.topup-payment-header{display:flex;align-items:center;justify-content:space-between;font-size:0.85rem;font-weight:bold;color:#e5e7eb}.topup-payment-channel{font-size:0.75rem;color:#9ca3af;text-transform:uppercase}.receipt-item{display:flex;justify-content:space-between;margin-bottom:10px;font-size:0.92rem;color:#cbd5e1}.receipt-item.total{border-top:1px solid rgba(255,255,255,0.1);padding-top:12px;margin-top:12px;font-weight:bold;color:#ffffff}.receipt-item.total .val{color:var(--accent-gold);font-size:1.15rem}@media (max-width:768px){.hero-title{font-size:2rem;line-height:1.03;margin-bottom:16px}.hero-desc{font-size:1rem;line-height:1.55;margin-bottom:24px}.hero-content{width:100%;max-width:100%}.news-slider-control{width:44px;height:44px}.nav-auth .btn{min-height:38px;padding:8px 12px;font-size:0.78rem}.nav-menu{display:none !important;position:fixed !important;top:80px !important;left:0 !important;right:0 !important;width:100% !important;max-width:100% !important;height:auto !important;max-height:calc(100vh - 80px) !important;overflow-y:auto !important;background:var(--bg-secondary) !important;border-left:none !important;border-top:1px solid var(--border-glass) !important;border-bottom:1px solid var(--border-glass) !important;border-radius:0 !important;flex-direction:column !important;padding:8px 12px 24px !important;align-items:stretch !important;gap:2px !important;z-index:99 !important;box-shadow:0 20px 50px rgba(0,0,0,0.6) !important}.nav-menu.show{display:flex !important}.nav-menu > li{width:100% !important;list-style:none !important}.nav-menu > li > a.nav-link{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:12px !important;width:100% !important;min-width:0 !important;padding:13px 16px !important;border-radius:10px !important;font-size:0.88rem !important;font-weight:600 !important;color:var(--text-muted) !important;text-transform:uppercase !important;background:transparent !important;border:1px solid transparent !important;height:auto !important;min-height:0 !important;position:static !important}.nav-menu > li > a.nav-link i{width:20px !important;min-width:20px !important;text-align:center !important;font-size:1rem !important;flex-shrink:0 !important}.nav-menu > li > a.nav-link .nav-link-label{position:static !important;display:inline-block !important;opacity:1 !important;visibility:visible !important;transform:none !important;background:none !important;border:none !important;box-shadow:none !important;padding:0 !important;font-size:0.88rem !important;white-space:nowrap !important;color:inherit !important;top:auto !important;left:auto !important}.nav-menu > li > a.nav-link:hover,.nav-menu > li > a.nav-link.active{color:var(--accent-gold) !important;background:rgba(233,190,120,0.08) !important;border-color:rgba(233,190,120,0.18) !important;text-shadow:none !important}.nav-menu > li > a.nav-link::after,.nav-menu > li > a.nav-link::before{display:none !important}}.topup-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}@media (max-width:900px){.topup-grid{grid-template-columns:1fr}}.topup-panel{background:rgba(26,25,22,0.85);border:1px solid rgba(238,193,124,0.1);border-radius:14px;padding:22px;position:relative;overflow:hidden}.topup-panel::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(233,190,120,0.35),transparent)}.topup-section-title{font-family:var(--font-display);font-size:1rem;font-weight:800;color:var(--accent-gold);margin-bottom:18px;display:flex;align-items:center;gap:10px}.topup-section-title span{width:26px;height:26px;background:rgba(233,190,120,0.12);border:1.5px solid rgba(233,190,120,0.3);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:0.82rem;color:var(--accent-gold);flex-shrink:0}.form-group-row{display:grid;grid-template-columns:7fr 3fr;gap:12px;margin-bottom:0}@media (max-width:480px){.form-group-row{grid-template-columns:1fr 1fr}}.section-header .section-title{font-size:2.2rem;margin:8px 0 12px}.section-desc{color:var(--text-muted);line-height:1.6;font-size:1rem}@media (max-width:600px){.section-header .section-title{font-size:1.7rem}.section-desc br{display:none}.topup-panel{padding:16px}}

/* ==========================================================================
   YONPEDIA PREMIUM GOLD & DARK CHARCOAL GRADIENT THEME OVERRIDES
   ========================================================================== */

/* --- 1. GLOBAL BACKGROUND GRADIENT (#353535 to #1b1a1d) --- */
body, 
body.page-home, 
body.page-profile, 
body.page-schedule, 
body.page-wr,
body.page-leaderboard,
body.page-faq,
body.page-guide,
body.page-contact,
body.page-info,
body.page-news,
body.page-invoices,
body.page-topup,
body.page-order {
    background: linear-gradient(180deg, #353535 0%, #1b1a1d 80%, #1b1a1d 100%) !important;
    background-attachment: scroll !important;
}

/* Matching semi-transparent header background for the top #353535 color */
header {
    background: rgba(53, 53, 53, 0.75) !important;
    border-bottom: 1px solid rgba(233, 190, 120, 0.08) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

/* Footer stays solid #1b1a1d as requested across all pages */
body.page-home footer,
footer {
    background-color: #1b1a1d !important;
    background: #1b1a1d !important;
    border-top: 1px solid rgba(233, 190, 120, 0.08) !important;
}

/* --- 2. GLASSMORPHIC CARD DESIGN --- */
body.page-home .service-card,
body.page-home .faq-item,
body.page-home .cta-banner,
body.page-leaderboard .leaderboard-role-card,
body:not(.page-home) .form-container,
body:not(.page-home) .dashboard-sidebar,
body:not(.page-home) .dashboard-section,

body:not(.page-home) .leaderboard-role-card,
body:not(.page-home) .admin-panel,
.form-container, .service-card, .dashboard-sidebar, .dashboard-section, .leaderboard-role-card, .admin-panel, .admin-stat-card, 
.ticket-item, .faq-item, .cta-banner, .price-card, .schedule-status-card, 
.session-log-shell, .topup-panel, .announcement-popup-content,
.hero-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
}

/* Remove decorative lines/gradients from cards on all pages */
body.page-home .service-card::before,
body.page-home .service-card::after,
.topup-panel::before, .hero-card::before, .service-card::before,
.form-container::before {
    display: none !important;
}

/* --- 3. SOLID MAIN CONTENT BUTTONS (FLAT ACCENT STYLE) --- */
body:not(.navbar) .btn-primary,
body:not(.navbar) .btn-gold,
body:not(.navbar) .hero-btn,
main .btn-primary,
main .btn-gold,
main .hero-btn {
    background: #e9be78 !important;
    color: #0A0A0A !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body:not(.navbar) .btn-primary:hover,
body:not(.navbar) .btn-gold:hover,
body:not(.navbar) .hero-btn:hover,
main .btn-primary:hover,
main .btn-gold:hover,
main .hero-btn:hover {
    background: #D2A45F !important;
}

/* --- 4. BANNER SLIDER CLEANUP --- */
.news-slider {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.news-slider::after {
    display: none !important;
}

/* --- 5. INLINE LINKS CUSTOM COLOR --- */
main a:not(.btn):not(.nav-link):not(.logo):not(.footer-links a):not(.nav-more-item):not(.help-card):not(.wr-page-logo) {
    color: #e9be78 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}
main a:not(.btn):not(.nav-link):not(.logo):not(.footer-links a):not(.nav-more-item):not(.help-card):not(.wr-page-logo):visited {
    color: #e9be78 !important;
}
main a:not(.btn):not(.nav-link):not(.logo):not(.footer-links a):not(.nav-more-item):not(.help-card):not(.wr-page-logo):hover {
    color: #D2A45F !important;
    text-decoration: none !important;
}

/* --- 6. MOBILE FOOTER LOGO SIZING --- */
@media (max-width: 768px) {
    footer .logo {
        gap: 12px !important;
        margin-bottom: 24px !important;
    }
    footer .logo-icon {
        width: 48px !important;
        height: 48px !important;
    }
    footer .logo-text {
        font-size: 1.45rem !important;
    }
    footer .logo-img {
        width: 100% !important;
        height: 100% !important;
    }
}

/* --- 7. SOLID POPUP MODAL OVERRIDES --- */
.quick-donate-panel {
    background: #1b1a1d !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
}

/* --- 8. LOGO ICON SUBPAGE OVERRIDE RESTORATION --- */
/* Fix original template rule to only hide logo icon in header on subpages */
body:not(.page-home) header .logo-icon {
    display: none !important;
}




/* --- COMPACT MOBILE NAV MENU OVERRIDES (99% MOBILE FRIENDLY DRAWER) --- */
@media (max-width: 991px) {
    /* Show mobile-only elements inside the drawer at tablet/mobile breakpoint */
    .mobile-only {
        display: block !important;
    }
    li.mobile-only {
        display: list-item !important;
    }
    
    .nav-drawer-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 10px 14px 18px !important;
        margin-bottom: 12px !important;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.1) !important;
    }

    /* Show header logo icon on all subpages in mobile view */
    body:not(.page-home) header .logo-icon,
    body:not(.page-home) .logo-icon,
    header .logo-icon {
        display: flex !important;
    }

    /* Outer header nav-auth hidden on mobile so hamburger sticks to far right edge */
    header .nav-auth {
        display: none !important;
    }

    /* Drawer backdrop overlay */
    .nav-drawer-backdrop {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0, 0, 0, 0.65) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        z-index: 1400 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.3s ease, visibility 0.3s ease !important;
    }
    
    body.drawer-open .nav-drawer-backdrop {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Slide-out drawer panel from the right */
    .nav-menu {
        display: flex !important;
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: auto !important; /* OVERRIDE left: 0 from mobile */
        right: -280px !important; /* hidden offscreen */
        width: 280px !important;
        max-width: 85% !important;
        height: 100vh !important;
        padding: 20px 16px 24px !important;
        gap: 6px !important;
        background: #1b1a1d !important;
        z-index: 1500 !important;
        flex-direction: column !important;
        border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-top: none !important;
        border-bottom: none !important;
        border-radius: 0 !important;
        box-shadow: -10px 0 40px rgba(0, 0, 0, 0.6) !important;
        overflow-y: auto !important;
        visibility: hidden !important; /* HIDE when closed */
        opacity: 0 !important;
        transition: right 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important, visibility 0.3s !important, opacity 0.3s !important;
    }
    
    .nav-menu.show {
        right: 0 !important; /* slide-in to screen */
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Boost header z-index when drawer is open to prevent backdrop filter from blurring the drawer */
    body.drawer-open header {
        z-index: 1600 !important;
    }
    
    /* Make hamburger close button stick to the far right on top of header */
    .hamburger {
        z-index: 1600 !important;
        position: relative !important;
    }
    
    /* Reverse row layout for menu list items: text on left, icon on right */
    .nav-menu > li > a.nav-link,
    .nav-menu > li > button.nav-link-more {
        display: flex !important;
        flex-direction: row-reverse !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 10px 12px !important;
        border-radius: 8px !important;
        font-size: 0.84rem !important;
        font-weight: 600 !important;
        color: rgba(255, 255, 255, 0.75) !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        height: auto !important;
        min-height: 0 !important;
        text-transform: uppercase !important;
    }
    
    /* Icons styling inside drawer (pushed to right) */
    .nav-menu > li > a.nav-link i,
    .nav-menu > li > button.nav-link-more i {
        order: 2 !important; /* moves icon to far right */
        font-size: 1rem !important;
        color: rgba(255, 255, 255, 0.45) !important;
        width: auto !important;
        min-width: 0 !important;
        text-align: right !important;
    }
    
    .nav-menu > li > a.nav-link .nav-link-label {
        order: 1 !important; /* moves label to left */
        font-size: 0.84rem !important;
    }
    
    /* Active list item in drawer */
    .nav-menu > li > a.nav-link.active {
        color: #e9be78 !important;
        background: rgba(233, 190, 120, 0.08) !important;
        border-color: rgba(233, 190, 120, 0.25) !important;
    }
    
    .nav-menu > li > a.nav-link.active i {
        color: #e9be78 !important;
    }
    
    /* Hover/Focus list items in mobile menu drawer */
    .nav-menu > li > a.nav-link:hover,
    .nav-menu > li > button.nav-link-more:hover {
        color: #e9be78 !important;
        background: rgba(233, 190, 120, 0.04) !important;
    }
    
    /* Dropdown "Lainnya" sub-menu container inside drawer */
    .nav-menu > li.nav-more .nav-more-menu {
        background: #232225 !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        padding: 4px !important;
        border-radius: 8px !important;
        margin-top: 4px !important;
    }
    
    .nav-more-item {
        padding: 6px 12px !important;
        font-size: 0.8rem !important;
        color: rgba(255, 255, 255, 0.7) !important;
    }
    
    .nav-more-item:hover, .nav-more-item.active {
        color: #e9be78 !important;
        background: rgba(233, 190, 120, 0.08) !important;
    }
}
/* --- YONPEDIA QUICK DONATE MODAL --- */
.quick-donate-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, visibility .22s ease;
}
.quick-donate-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.quick-donate-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.74);
  opacity: 0;
  transition: opacity .22s ease;
}
.quick-donate-modal.is-open .quick-donate-backdrop { opacity: 1; }
.quick-donate-panel {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -46%) scale(.96);
  width: 560px;
  max-width: calc(100% - 24px);
  padding: 22px 20px 18px;
  border: 1px solid rgba(255, 215, 0, 0.36);
  border-radius: 8px;
  background: #323232 !important; /* solid premium gray background requested by user */
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.52), 0 0 24px rgba(255, 215, 0, 0.12);
  max-height: calc(100vh - 40px);
  overflow: auto;
  opacity: 0;
  transition: transform .24s ease, opacity .24s ease;
}
.quick-donate-modal.is-open .quick-donate-panel {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.quick-donate-panel h3 { margin-bottom: 10px; font-size: 1.2rem; color: #ffd700; }
.quick-donate-panel p { margin: 0 0 10px; line-height: 1.55; color: #d8dbee; }
.quick-donate-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.quick-donate-actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.quick-donate-close {
  position: absolute; top: 8px; right: 8px; width: 34px; height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 6px; background: rgba(255, 255, 255, 0.06);
  color: #f0f0f0; display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
}
.quick-donate-understand {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; color: #c3c9e6; font-size: 0.95rem; cursor: pointer;
}
@media (max-width: 768px) {
  .quick-donate-panel { padding: 20px 14px 16px; }
  .quick-donate-actions .btn { width: 100%; }
}
/* --- YONPEDIA PREMIUM BOUNCE HOVER SHRINK EFFECT --- */
.service-card {
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
}
.service-card:hover {
    transform: scale(0.96) !important;
    border-color: rgba(233, 190, 120, 0.36) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45), 0 0 18px rgba(233, 190, 120, 0.15) !important;
}

.topup-product-card {
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease !important;
}
.topup-product-card:hover {
    transform: scale(0.95) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--accent-gold) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45), 0 0 12px rgba(255, 215, 0, 0.15) !important;
}

/* --- YONPEDIA ADMIN DASHBOARD VISUAL OVERHAUL --- */
body[data-admin-theme="alvero"] {
  --bg-primary: #0f0f11;
  --bg-secondary: #18181b;
  --bg-glass: rgba(24, 24, 27, 0.75);
  --bg-card: rgba(30, 30, 36, 0.65);
  --border-glass: rgba(148, 163, 184, 0.1);
  --accent-blue: #cbd5e1;
  --accent-blue-glow: rgba(203, 213, 225, 0.08);
  --accent-gold: #e4e4e7;
  --accent-gold-glow: rgba(228, 228, 231, 0.1);
  --text-primary: #f4f4f5;
  --text-muted: #a1a1aa;
}
.admin-wrapper {
  background: transparent !important;
  grid-template-columns: 260px 1fr;
  transition: grid-template-columns var(--transition-speed);
}
.admin-wrapper {
  font-family: var(--font-body);
}
.admin-header-title, .admin-panel-title, .admin-stat-number, .admin-nav-link, .admin-sidebar-logo-text, .admin-home-action-card strong, .admin-home-pulse-copy span {
  font-family: var(--font-display) !important;
}
[data-admin-theme="alvero"] .admin-sidebar {
  border-right: 1px solid var(--border-glass) !important;
  background: radial-gradient(420px 220px at 0% 0%, rgba(255, 255, 255, 0.05), transparent 70%), rgba(20, 20, 24, 0.85) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: padding var(--transition-speed), width var(--transition-speed);
}
.admin-sidebar .logo {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  margin-bottom: 30px;
  padding: 10px 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.admin-sidebar .logo:hover {
  border-color: transparent !important;
}
.admin-logo-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: var(--border-glass) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--accent-gold);
}
.admin-logo-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.admin-nav-link {
  border-left: 4px solid transparent;
  transition: all var(--transition-speed);
}
.admin-nav-link:hover, .admin-nav-link.active {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--accent-gold) !important;
  text-shadow: 0 0 8px var(--accent-gold-glow) !important;
  border-left-color: var(--accent-gold) !important;
}

/* Sidebar toggle topbar & toggle button */
.admin-sidebar-topbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.admin-sidebar-toggle-btn {
  background: none;
  border: 1px solid var(--border-glass);
  color: var(--text-muted);
  width: 32px;
  height: 32px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-speed);
}
.admin-sidebar-toggle-btn:hover {
  color: var(--accent-gold);
  border-color: var(--accent-gold);
  background: rgba(255, 255, 255, 0.05);
}

/* Sidebar collapsed states */
.admin-wrapper.sidebar-collapsed {
  grid-template-columns: 80px 1fr !important;
}
.admin-sidebar.is-collapsed {
  padding: 30px 10px !important;
  align-items: center;
}
.admin-sidebar.is-collapsed .admin-sidebar-topbar {
  justify-content: center;
  width: 100%;
}
.admin-sidebar.is-collapsed .logo {
  justify-content: center;
  padding: 10px 0;
  width: 100%;
}
.admin-sidebar.is-collapsed .admin-sidebar-logo-text {
  display: none !important;
}
.admin-sidebar.is-collapsed .admin-nav-label {
  display: none !important;
}
.admin-sidebar.is-collapsed .admin-nav-link {
  justify-content: center;
  padding: 12px 0;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border-left-color: transparent !important;
}
.admin-sidebar.is-collapsed .admin-sidebar-footer {
  padding-top: 15px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.admin-sidebar.is-collapsed .admin-sidebar-logout-btn {
  width: 48px !important;
  height: 48px;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

/* Premium Glassmorphism Overrides for Admin Cards */
body:not(.page-home) .admin-panel,
.admin-panel,
.admin-stat-card {
  background: rgba(24, 24, 27, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
  border-radius: 12px;
  transition: transform var(--transition-speed), border-color var(--transition-speed);
}
.admin-stat-card {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  justify-content: flex-start !important;
  padding: 24px !important;
}
.admin-stat-icon {
  font-size: 1.8rem !important;
  color: var(--accent-gold) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--border-glass) !important;
  flex-shrink: 0;
}
.admin-stat-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-stat-info h3 {
  font-size: 0.85rem !important;
  color: var(--text-muted) !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 !important;
}
.admin-stat-number {
  font-size: 2rem !important;
  font-weight: 800 !important;
  line-height: 1.1;
  color: var(--text-primary) !important;
}
.admin-stat-caption {
  font-size: 0.78rem !important;
  color: var(--text-muted) !important;
}
.admin-stat-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.16) !important;
  background: rgba(24, 24, 27, 0.75) !important;
}

/* Grid & Structure Fixes for Dashboard Home */
.admin-home-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 20px;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .admin-home-grid {
    grid-template-columns: 1fr;
  }
}

/* Period tabs spacing and design */
.admin-period-tabs {
  display: inline-flex;
  background: rgba(0, 0, 0, 0.25);
  padding: 4px;
  border-radius: 6px;
  border: 1px solid var(--border-glass);
}
.admin-period-tabs span {
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  color: var(--text-muted);
  transition: all var(--transition-speed);
}
.admin-period-tabs span:hover {
  color: var(--text-primary);
}
.admin-period-tabs span.active {
  background: var(--accent-gold);
  color: var(--bg-primary) !important;
}

/* Visual active sales chart styling */
.admin-sales-chart {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 180px;
  padding: 20px 0 10px;
  gap: 12px;
}
.admin-sales-chart span {
  flex: 1;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.25));
  border-radius: 4px;
  min-width: 14px;
  transition: all 0.3s ease;
  position: relative;
}
.admin-sales-chart span:hover {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.08), var(--accent-gold));
  filter: drop-shadow(0 0 8px var(--accent-gold-glow));
}

/* Gauge styling */
.admin-gauge {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}
.admin-gauge-arc {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  border: 8px solid rgba(255, 255, 255, 0.05);
  border-top: 8px solid var(--accent-gold);
  border-right: 8px solid var(--accent-gold);
  margin-bottom: 14px;
}
.admin-gauge-value {
  position: absolute;
  top: 45px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--font-display);
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--text-primary);
}
.admin-gauge span {
  font-size: 0.85rem;
  color: var(--text-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Actions cards grid */
.admin-home-actions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .admin-home-actions {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.admin-home-action-card {
  background: rgba(24, 24, 27, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-radius: 12px;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  transition: all var(--transition-speed);
  text-align: left;
  color: var(--text-primary);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  width: 100%;
}
.admin-home-action-card:hover {
  transform: translateY(-3px);
  border-color: var(--accent-gold) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}
.admin-home-action-icon {
  font-size: 1.5rem;
  color: var(--accent-gold);
  background: rgba(255, 255, 255, 0.04);
  width: 44px;
  height: 44px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-glass);
}
.admin-home-action-card strong {
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 700;
}
.admin-home-action-card small {
  color: var(--text-muted);
  font-size: 0.85rem;
}

/* Operational pulse styling */
.admin-home-pulse {
  background: rgba(16, 185, 129, 0.06) !important;
  border: 1px solid rgba(16, 185, 129, 0.16) !important;
  border-radius: 12px;
  padding: 20px 24px !important;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
  transition: all var(--transition-speed);
}
.admin-home-pulse.has-issues {
  background: rgba(239, 68, 68, 0.06) !important;
  border-color: rgba(239, 68, 68, 0.16) !important;
}
.admin-home-pulse-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-home-pulse-copy span {
  font-family: var(--font-display);
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--text-muted);
}
.admin-home-pulse-copy strong {
  font-size: 1.15rem;
  color: var(--text-primary);
}
.admin-home-pulse-items {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.admin-home-pulse-items span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.95rem;
  color: var(--text-muted);
}
.admin-home-pulse-items b {
  color: var(--text-primary);
}
@media (max-width: 768px) {
  .admin-home-pulse {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .admin-home-pulse-items {
    gap: 12px;
    width: 100%;
    justify-content: space-between;
  }
}

/* --- YONPEDIA ADMIN DASHBOARD SPACING & TABLE LAYOUT FIXES --- */
.admin-wrapper {
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}
.admin-sidebar {
  height: 100vh !important;
  overflow-y: auto;
}
.admin-body {
  height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-width: 0;
  padding: 40px !important;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .admin-body {
    padding: 20px 16px !important;
  }
}

/* Grid single column layout fixes */
.admin-panel-grid-single {
  grid-template-columns: 1fr !important;
}

/* Config grid & Match panel styling */
.admin-config-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}
.admin-config-group-match {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.admin-match-link-btn {
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 768px) {
  .admin-config-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* Sesi grid responsive columns */
@media (max-width: 992px) {
  .admin-schedule-time-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 576px) {
  .admin-schedule-time-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Sesi templates responsive columns */
@media (max-width: 768px) {
  .admin-template-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .admin-template-save-col {
    border-left: none !important;
    padding-left: 0 !important;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
}

/* Manual add player layout row */
.admin-manual-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .admin-manual-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

/* Blacklist grid */
.admin-rights-blacklist-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .admin-rights-blacklist-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* Rights tab buttons */
.admin-rights-tab-btn {
  flex: 1;
  max-width: 200px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  .admin-rights-tab-btn {
    max-width: none;
  }
}

/* Logs page grid */
.admin-logs-grid {
  display: grid;
  grid-template-columns: 2.2fr 1fr;
  gap: 20px;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .admin-logs-grid {
    grid-template-columns: 1fr;
  }
}

/* Table auto layout & text wrapping */
.custom-table {
  width: 100% !important;
  table-layout: auto;
}
.custom-table th, .custom-table td {
  padding: 12px 10px;
  vertical-align: middle;
  word-break: break-word;
}
.custom-table th {
  background: rgba(255, 255, 255, 0.03) !important;
  color: var(--accent-gold) !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.08) !important;
}
.custom-table td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.custom-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.02);
}

/* Long text clipping and ellipsis */
.admin-webhook-reason, .admin-webhook-ref, .admin-transaction-user {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Perbaikan responsivitas tabel Hak Akses & Blacklist */
.admin-rights-tickets-table, .admin-rights-blacklist-table {
  min-width: 100% !important;
  table-layout: auto !important;
}

/* Penyelarasan filter pertandingan */
.admin-config-match-grid {
  display: flex;
  gap: 10px;
}
.admin-config-match-grid select {
  flex: 1;
}
.admin-next-match-btn {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}

/* Scrollbar mandiri untuk tabel log transaksi & webhook */
.admin-transactions-wrap-full, .admin-webhook-wrap {
  max-height: 480px !important;
  overflow-y: auto !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.15);
}

/* Hilangkan scrollbar utama body pada halaman admin */
body[data-admin-theme] {
  overflow: hidden !important;
}

/* Terapkan gaya scrollbar emas custom pada komponen internal admin */
.admin-body::-webkit-scrollbar, 
.admin-sidebar::-webkit-scrollbar, 
.admin-transactions-wrap-full::-webkit-scrollbar, 
.admin-webhook-wrap::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.admin-body::-webkit-scrollbar-track, 
.admin-sidebar::-webkit-scrollbar-track, 
.admin-transactions-wrap-full::-webkit-scrollbar-track, 
.admin-webhook-wrap::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track {
  background: #18181b;
}

.admin-body::-webkit-scrollbar-thumb, 
.admin-sidebar::-webkit-scrollbar-thumb, 
.admin-transactions-wrap-full::-webkit-scrollbar-thumb, 
.admin-webhook-wrap::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}

.admin-body::-webkit-scrollbar-thumb:hover, 
.admin-sidebar::-webkit-scrollbar-thumb:hover, 
.admin-transactions-wrap-full::-webkit-scrollbar-thumb:hover, 
.admin-webhook-wrap::-webkit-scrollbar-thumb:hover,
.table-responsive::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

.admin-status-text {
  font-family: var(--font-display);
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.admin-status-text.is-success {
  color: #10b981 !important;
}
.admin-status-text.is-pending {
  color: #fbbf24 !important;
}
.admin-status-text.is-used {
  color: #60a5fa !important;
}
.admin-status-text.is-expired {
  color: #f87171 !important;
}
.admin-status-text.is-failed {
  color: #f87171 !important;
}

/* Live indicator pill (dipakai pada panel Monitor Top Up Diamond/Weekly) */
.admin-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-display);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #10b981;
}
.admin-live-pill .admin-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.6);
  animation: blinkDot 1.4s infinite;
}

/* Transaction/activity type badges (Semua Transaksi Logs, Penjualan Terbaru, webhook log) */
.admin-transaction-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-family: var(--font-display);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  white-space: nowrap;
  border: 1px solid var(--border-glass);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text-muted);
}
.admin-transaction-badge.is-buy {
  color: #38bdf8 !important;
  border-color: rgba(56, 189, 248, 0.35) !important;
  background: rgba(56, 189, 248, 0.1) !important;
}
.admin-transaction-badge.is-use {
  color: #a78bfa !important;
  border-color: rgba(167, 139, 250, 0.35) !important;
  background: rgba(167, 139, 250, 0.1) !important;
}
.admin-transaction-badge.is-vip {
  color: var(--accent-gold) !important;
  border-color: rgba(255, 215, 0, 0.35) !important;
  background: rgba(255, 215, 0, 0.1) !important;
}
.admin-transaction-badge.is-donate {
  color: #34d399 !important;
  border-color: rgba(52, 211, 153, 0.35) !important;
  background: rgba(52, 211, 153, 0.1) !important;
}
.admin-transaction-badge.is-pending {
  color: #fbbf24 !important;
  border-color: rgba(251, 191, 36, 0.35) !important;
  background: rgba(251, 191, 36, 0.1) !important;
}
.admin-webhook-badge.is-buy { color: #38bdf8 !important; border-color: rgba(56, 189, 248, 0.35) !important; background: rgba(56, 189, 248, 0.1) !important; }
.admin-webhook-badge.is-use { color: #a78bfa !important; border-color: rgba(167, 139, 250, 0.35) !important; background: rgba(167, 139, 250, 0.1) !important; }
.admin-webhook-badge.is-donate { color: #34d399 !important; border-color: rgba(52, 211, 153, 0.35) !important; background: rgba(52, 211, 153, 0.1) !important; }
.admin-webhook-badge.is-pending { color: #fbbf24 !important; border-color: rgba(251, 191, 36, 0.35) !important; background: rgba(251, 191, 36, 0.1) !important; }

/* Modern dashboard-home header/topbar (previously undefined -> caused inconsistent spacing) */
.admin-header-min {
  margin-bottom: 26px;
  padding-bottom: 0;
  border-bottom: none;
}
.admin-dashboard-topbar {
  flex-wrap: wrap;
  gap: 16px;
}
.admin-dashboard-kicker {
  display: block;
  font-family: var(--font-display);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--accent-gold);
  margin-bottom: 4px;
}
.admin-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.admin-date-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--border-glass);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text-muted);
  font-size: 0.82rem;
  font-weight: 600;
  white-space: nowrap;
}
.admin-action-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid var(--border-glass);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text-muted);
  flex-shrink: 0;
  transition: all var(--transition-speed);
}
.admin-action-dot:hover {
  color: var(--accent-gold);
  border-color: var(--accent-gold);
  background: rgba(255, 215, 0, 0.08);
}

/* Panel wrapper spacing (previously undefined -> panels sat flush with no gap) */
.admin-panel-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Modern 4-card stat grid used on dashboard home */
.admin-stats-grid-modern {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1200px) {
  .admin-stats-grid-modern {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .admin-stats-grid-modern {
    grid-template-columns: 1fr;
  }
}

/* Panel heading row: title + small note side by side (previously undefined -> title/note overlapped) */
.admin-panel-heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}
.admin-panel-heading-row .admin-panel-title {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
.admin-mini-note {
  flex-shrink: 0;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--border-glass);
  background: rgba(255, 255, 255, 0.03);
  white-space: nowrap;
}

/* Sales / new-users panels inside admin-home-grid */
.admin-sales-panel,
.admin-average-panel {
  min-width: 0;
}

/* Primary/Gold Buttons on Admin Slate Theme - Solid Colors */
body[data-admin-theme] .btn-gold,
body[data-admin-theme] .btn-primary {
  background: #cbd5e1 !important;
  color: #0f0f11 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  border: none !important;
  font-weight: 700 !important;
}
body[data-admin-theme] .btn-gold:hover,
body[data-admin-theme] .btn-primary:hover {
  background: #ffffff !important;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.12) !important;
  transform: translateY(-2px) !important;
}

/* Danger Buttons on Admin Slate Theme - Solid Colors */
body[data-admin-theme] .btn-danger {
  background: #e11d48 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(225, 29, 72, 0.15) !important;
  border: none !important;
  font-weight: 700 !important;
}
body[data-admin-theme] .btn-danger:hover {
  background: #f43f5e !important;
  box-shadow: 0 0 15px rgba(244, 63, 94, 0.25) !important;
  transform: translateY(-2px) !important;
}

/* Input & Select fields styling & focus outline on Admin Theme */
body[data-admin-theme] .form-input:focus,
body[data-admin-theme] .form-select:focus,
body[data-admin-theme] input:focus,
body[data-admin-theme] select:focus {
  border-color: rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1) !important;
  background: rgba(0, 0, 0, 0.6) !important;
}

/* Issues & Perlu Cek List Design */
.admin-issue-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.admin-issue-item {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 14px 18px !important;
  border-radius: 10px;
  transition: all 0.25s ease;
}
.admin-issue-item:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
}
.admin-issue-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
  color: #ef4444;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}
.admin-issue-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.admin-issue-content strong {
  font-family: var(--font-display);
  font-size: 0.9rem;
  color: var(--text-primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.admin-issue-content small {
  color: var(--text-muted);
  font-size: 0.82rem;
  line-height: 1.2;
}
.admin-issue-content em {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.35);
  font-style: normal;
}
.admin-issue-status {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: var(--text-primary) !important;
  padding: 6px 14px !important;
  border-radius: 6px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap;
}
.admin-issue-status:hover {
  background: var(--accent-gold) !important;
  color: var(--bg-primary) !important;
  border-color: var(--accent-gold) !important;
  box-shadow: 0 0 10px var(--accent-gold-glow) !important;
}
.admin-issue-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 10px;
  color: var(--text-muted);
  gap: 10px;
}
.admin-issue-empty i {
  font-size: 2.2rem;
  color: #10b981;
}

/* Page load & Tab transition animations */
@keyframes adminPageFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes adminTabFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.admin-wrapper {
  animation: adminPageFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.admin-tab-enter {
  animation: adminTabFadeIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* Enforce root overflow hidden to prevent double scrollbars on admin theme */
html:has(body[data-admin-theme]),
body[data-admin-theme] {
  overflow: hidden !important;
}

/* FIX: sisa tema lama menambahkan "padding-top: 80px" & "scrollbar-gutter: stable"
   secara global di <body>/<html> (dibuat untuk mengimbangi header melayang di
   halaman publik). Panel admin TIDAK punya header melayang itu, jadi:
   1) padding-top 80px membuat tinggi .admin-wrapper (100vh) jadi kelebihan 80px
      dari layar -> bagian bawah panel admin terlihat "terpotong".
   2) scrollbar-gutter:stable tetap menyediakan ruang kosong selebar scrollbar
      di sisi kanan walau overflow sudah hidden -> muncul seperti "bekas" garis
      scrollbar lama yang tidak bisa di-scroll.
   Kedua efek ini dimatikan khusus untuk halaman admin di bawah ini. */
body[data-admin-theme] {
  padding-top: 0 !important;
}
html:has(body[data-admin-theme]) {
  scrollbar-gutter: auto !important;
}

/* Universal scrollbar override for ANY scrollable element inside the admin theme —
   generalized (instead of listing each container by name) so new panels/lists added
   later don't accidentally fall back to the site's old gold scrollbar. */
body[data-admin-theme] *::-webkit-scrollbar,
html:has(body[data-admin-theme])::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}
body[data-admin-theme] *::-webkit-scrollbar-track,
html:has(body[data-admin-theme])::-webkit-scrollbar-track {
  background: #18181b !important;
}
body[data-admin-theme] *::-webkit-scrollbar-thumb,
html:has(body[data-admin-theme])::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15) !important;
  border-radius: 999px;
  border: 1px solid #18181b !important;
}
body[data-admin-theme] *::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.28) !important;
}
/* Firefox (no ::-webkit-scrollbar support) — previously unstyled, would fall back
   to the browser's default light scrollbar and look inconsistent with the theme. */
body[data-admin-theme],
body[data-admin-theme] * {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.15) #18181b;
}