:root{--green:#071c17;--green2:#0c3829;--gold:#f4c34f;--cream:#fff3cf;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}body{margin:0;background:#061511;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.glass{background:rgba(4,20,16,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.navbar{padding:14px 0}.navbar-brand b,.hero h1 span,.link-gold{color:var(--gold)}.brand-mark,.panel-brand>span{display:inline-grid;place-items:center;width:38px;height:38px;border:2px solid var(--gold);border-radius:50%;color:var(--gold);margin-right:8px}.btn-gold{background:linear-gradient(135deg,#f8d36b,#dba728);border:0;color:#152018;font-weight:800;box-shadow:0 10px 35px rgba(244,195,79,.18)}.btn-gold:hover{transform:translateY(-2px);background:#ffe08a}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,#18553c 0,transparent 32%),linear-gradient(145deg,#03100d,#0a2b20);min-height:100vh}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,#000,transparent)}.eyebrow,.section-head span{letter-spacing:.2em;color:var(--gold);font-weight:800;font-size:.8rem}.fw-black{font-weight:900;letter-spacing:-.055em}.hero-card{max-width:390px;margin:auto;aspect-ratio:4/5;border:1px solid rgba(244,195,79,.35);border-radius:34px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.025));backdrop-filter:blur(20px);display:grid;place-content:center;text-align:center;padding:35px;box-shadow:0 40px 100px rgba(0,0,0,.4)}.hero-card h3{font-size:2.5rem;font-weight:900}.seal{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;margin:0 auto 25px;border:4px double var(--gold);color:var(--gold);font-weight:900;font-size:2rem;box-shadow:0 0 40px rgba(244,195,79,.15)}.small-seal{width:70px;height:70px;font-size:1.3rem}.countdown{display:flex;gap:10px}.countdown div{min-width:78px;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:14px;text-align:center}.countdown b{font-size:1.5rem;display:block;color:var(--gold)}.countdown small{color:#aaa}.stat,.dash-card{padding:28px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid var(--line)}.stat i,.dash-card i{font-size:1.8rem;color:var(--gold)}.stat b,.dash-card b{display:block;font-size:2.2rem;margin-top:15px}.stat span,.dash-card span{color:#9bb4aa}.section-head{margin-bottom:30px}.section-head h2{font-weight:900;font-size:2.2rem}.candidate-card,.info-card,.chart-panel,.search-panel,.panel-card{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.12)}.candidate-card{transition:.3s}.candidate-card:hover{transform:translateY(-8px);border-color:rgba(244,195,79,.45)}.candidate-photo{height:260px;background:radial-gradient(circle,#1a6044,#0a261d);display:grid;place-items:center;position:relative}.candidate-photo i{font-size:9rem;color:rgba(255,255,255,.18)}.candidate-photo span,.result-candidate .no{position:absolute;top:18px;left:18px;width:54px;height:54px;border-radius:50%;background:var(--gold);color:#172018;display:grid;place-items:center;font-size:1.5rem;font-weight:900}.info-card{display:flex;gap:18px;padding:24px}.info-card>i{font-size:2rem;color:var(--gold)}.page-hero{padding:150px 0 65px;background:radial-gradient(circle at 80% 0,#15563d,transparent 35%),#071b15;border-bottom:1px solid var(--line)}.page-hero h1{font-size:3rem;font-weight:900}.search-panel{max-width:850px;padding:35px}.form-control,.form-select,.input-group-text{background:#0a241b!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}.form-control::placeholder{color:#779087}.result-box{padding:28px;border-radius:20px;background:rgba(244,195,79,.08);border:1px solid rgba(244,195,79,.25)}.result-box span{display:block;color:#9bb4aa}.result-box b{display:block;font-size:1.2rem}.check{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#2fa66f;font-size:1.5rem;margin-bottom:12px}.chart-panel{padding:30px}.result-candidate{position:relative;padding:28px 25px 28px 90px;border-radius:20px;background:#0b291f;border:1px solid var(--line)}.result-candidate .no{top:50%;transform:translateY(-50%)}.result-candidate b,.result-candidate small{display:block}.result-candidate b{color:var(--gold);font-size:1.4rem}.panel-body{background:#061511}.sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;padding:24px;background:#071c17;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.panel-brand{display:flex;align-items:center;color:#fff;text-decoration:none;font-weight:900}.panel-brand small{display:block;color:var(--gold);font-size:.65rem;letter-spacing:.16em}.userbox{display:flex;gap:12px;align-items:center;margin:30px 0;padding:15px;background:rgba(255,255,255,.05);border-radius:16px}.userbox i{font-size:2rem}.userbox b,.userbox small{display:block}.userbox small{color:var(--gold);font-size:.7rem}.sidebar nav{display:grid;gap:6px;flex:1}.sidebar nav a{padding:13px 14px;color:#bcd0c8;text-decoration:none;border-radius:12px}.sidebar nav a:hover{background:rgba(244,195,79,.1);color:var(--gold)}.sidebar nav i{margin-right:9px}.panel-main{margin-left:270px}.topbar{height:85px;padding:0 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;background:rgba(7,28,23,.8);position:sticky;top:0;backdrop-filter:blur(15px);z-index:10}.topbar small,.topbar b{display:block}.topbar small{color:#809b90;font-size:.65rem;letter-spacing:.15em}.topbar b{font-size:1.2rem}.live-dot{margin-left:auto;color:#62dc9d;font-size:.75rem}.panel-content{padding:30px}.dash-card.warning i{color:#ff8b73}.panel-card{padding:28px}.result-input{display:grid;grid-template-columns:1fr 140px 90px;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.candidate-mini{display:flex;gap:12px;align-items:center}.candidate-mini span{width:36px;height:36px;border-radius:50%;background:var(--gold);color:#111;display:grid;place-items:center;font-weight:900}.report-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.mobile-menu{display:none}.floaty{animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.3s}.sidebar.open{transform:none}.panel-main{margin-left:0}.mobile-menu{display:block;background:none;border:0;color:#fff;font-size:1.6rem}.panel-content{padding:18px}.result-input{grid-template-columns:1fr}.page-hero h1{font-size:2.2rem}.hero h1{font-size:3.4rem}.countdown div{min-width:64px}.hero-card{max-width:300px}.navbar .btn{margin-top:10px}}

.running{position:fixed;top:0;left:0;right:0;height:26px;background:var(--gold);color:#092d23;z-index:1100;font-weight:700;font-size:13px}.running+nav{top:26px}.card{border:0;border-radius:18px;box-shadow:0 12px 35px rgba(0,0,0,.08)}
/* V3 */
.eyebrow{letter-spacing:.22em;font-size:.78rem;font-weight:800;color:#f4c95d}.candidate-number{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(135deg,#f5d36b,#b98a1d);color:#082b1d;font-size:2.5rem;font-weight:900;box-shadow:0 10px 35px #0005}.candidate-number.sm{width:62px;height:62px;margin:0;font-size:1.8rem}.timeline-v3{max-width:900px;margin:auto;border-left:2px solid #d6b34a;padding-left:35px}.timeline-item{position:relative;padding:24px;margin-bottom:22px}.timeline-dot{position:absolute;left:-45px;top:28px;width:18px;height:18px;background:#f4c95d;border:4px solid #0a3d2b;border-radius:50%;box-shadow:0 0 0 4px #f4c95d55}.display-wall{min-height:100vh;background:radial-gradient(circle at 20% 20%,#176b49,#06271c 50%,#03140f);color:white;overflow-x:hidden}.display-wall:before{content:"";position:fixed;inset:0;background-image:radial-gradient(#fff8 1px,transparent 1px);background-size:40px 40px;animation:drift 18s linear infinite;opacity:.15;pointer-events:none}.vote-big{font-size:clamp(3rem,7vw,7rem);line-height:1;font-weight:900;color:#f5d36b}.result-card{min-height:310px}.progress{height:14px;background:#ffffff22}.progress-bar{background:linear-gradient(90deg,#d7a92e,#fff0a5);transition:width 1s}.fw-black{font-weight:900}@keyframes drift{to{background-position:80px 80px}}
/* V5 premium theme engine */
body.theme-emerald{--green:#063c2d;--gold:#d7ad3a}body.theme-goldnight{--green:#15120a;--gold:#f1c453}body.theme-ocean{--green:#062c49;--gold:#50c9ff}body.theme-royal{--green:#29144d;--gold:#d9b7ff}body.theme-merahputih{--green:#8f1018;--gold:#fff}.anim-aurora:before,.anim-waves:before,.anim-particles:before{content:"";position:fixed;inset:-30%;z-index:-2;pointer-events:none}.anim-aurora:before{background:radial-gradient(circle,#ffffff1c,transparent 45%);animation:v5float 9s ease-in-out infinite alternate}.anim-waves:before{background:repeating-radial-gradient(ellipse at bottom,#ffffff12 0 2px,transparent 3px 55px);animation:v5float 14s linear infinite}.anim-particles:before{background-image:radial-gradient(#fff 1px,transparent 1px);background-size:35px 35px;opacity:.2;animation:v5float 18s linear infinite}@keyframes v5float{to{transform:translate3d(8%,6%,0) rotate(4deg)}}
.animated-election{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,#0b5b43 0,#03291f 35%,#011b14 75%)}#particleCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.aurora-layer{position:absolute;width:65vw;height:65vw;border-radius:50%;background:radial-gradient(circle,rgba(215,173,58,.15),transparent 65%);filter:blur(20px);animation:auroraMove 10s ease-in-out infinite alternate;right:-15%;top:-20%}@keyframes auroraMove{to{transform:translate(-18vw,18vh) scale(1.25)}}.hero .container{z-index:2}.hero-card{backdrop-filter:blur(18px);box-shadow:0 20px 80px rgba(0,0,0,.28)}

/* V6.3 sidebar scroll fix */
.panel-body .sidebar{display:flex;flex-direction:column;height:100vh;overflow:hidden!important}.panel-body .sidebar .panel-brand,.panel-body .sidebar .userbox{flex:0 0 auto}.panel-body .sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:40px;scrollbar-width:thin;scrollbar-color:#e6b62e #082c22}.panel-body .sidebar nav::-webkit-scrollbar{width:7px}.panel-body .sidebar nav::-webkit-scrollbar-track{background:#082c22}.panel-body .sidebar nav::-webkit-scrollbar-thumb{background:#e6b62e;border-radius:20px}
.news-content{font-size:1.05rem;line-height:1.85}.news-content img{max-width:100%;height:auto;border-radius:14px}.news-content a{color:var(--gold)}
