@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Press+Start+2P&family=Silkscreen:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";:root{--primary-red:#ff4b4b;--primary-red-hover:#e03e3e;--primary-cyan:#00e5ff;--primary-cyan-hover:#00b8cc;--bg-main:#f0f4f8;--bg-primary:#f0f4f8;--bg-card:#fff;--bg-card-alt:#ffffffd9;--text-main:#111;--text-primary:#111;--text-muted:#64748b;--text-secondary:#475569;--text-light:#64748b;--border-color:#00000014;--progress-bg:#0000000f;--shadow-glass:0 8px 32px 0 #1f26870f;--shadow-glass-sm:0 4px 16px 0 #1f26870a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:var(--shadow-glass-sm);--shadow-lg:var(--shadow-glass);--shadow-neon-cyan:0 0 15px #00e5ff66;--shadow-neon-red:0 0 20px #ff4b4b66;--transition-all:all .3s cubic-bezier(.4, 0, .2, 1);--border-radius-lg:1.5rem;--border-radius-md:1rem;--border-radius-sm:.5rem;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-pixel:"Silkscreen", "Press Start 2P", monospace}[data-theme=dark]{--bg-main:#0b0e14;--bg-primary:#0b0e14;--bg-card:#161a22;--bg-card-alt:#1e232e;--text-main:#fff;--text-primary:#fff;--text-muted:#94a3b8;--text-secondary:#cbd5e1;--text-light:#94a3b8;--border-color:#ffffff1f;--progress-bg:#ffffff14;--shadow-glass:0 8px 32px 0 #00000073;--shadow-glass-sm:0 4px 16px 0 #0000004d;--shadow-md:var(--shadow-glass-sm);--shadow-lg:var(--shadow-glass)}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}body:before{content:"";filter:blur(40px);z-index:-1;pointer-events:none;will-change:transform;background:radial-gradient(circle,#eb234b33 0%,#ba1a1a1a 40%,#0000 70%);border-radius:50%;width:520px;height:520px;animation:14s ease-in-out infinite alternate floatOrbRed;position:fixed;top:-120px;left:-120px}body:after{content:"";filter:blur(40px);z-index:-1;pointer-events:none;will-change:transform;background:radial-gradient(circle,#00c3ff33 0%,#0ea5e91a 40%,#0000 70%);border-radius:50%;width:520px;height:520px;animation:18s ease-in-out infinite alternate floatOrbBlue;position:fixed;bottom:-120px;right:-120px}[data-theme=dark] body:before{background:radial-gradient(circle,#eb234b38 0%,#ba1a1a1f 45%,#0000 70%)}[data-theme=dark] body:after{background:radial-gradient(circle,#00c3ff2e 0%,#0284c71a 45%,#0000 70%)}@keyframes floatOrbRed{0%{transform:translate(0,0)scale(1)}30%{transform:translate(80px,60px)scale(1.15)}65%{transform:translate(120px,120px)scale(.9)}to{transform:translate(50px,140px)scale(1.1)}}@keyframes floatOrbBlue{0%{transform:translate(0,0)scale(1)}35%{transform:translate(-70px,-80px)scale(1.12)}70%{transform:translate(-130px,-50px)scale(.92)}to{transform:translate(-80px,-120px)scale(1.18)}}.segmented-filter-tabs{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;scrollbar-width:none;width:100%;transition:var(--transition-all);background:#ffffffd1;border:1.5px solid #ffffffe6;border-radius:18px;gap:8px;padding:6px;display:flex;overflow-x:auto;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #fffc,0 6px 18px #0000000a}.segmented-filter-tabs::-webkit-scrollbar{display:none}[data-theme=dark] .segmented-filter-tabs{background:#161a22d1;border-color:#ffffff1a;box-shadow:inset 3px 3px 6px #00000080,inset -2px -2px 6px #ffffff08,0 6px 18px #00000040}.segmented-filter-tabs.grid-3{grid-template-columns:repeat(3,1fr);display:grid}.segmented-filter-tabs.grid-4{grid-template-columns:repeat(4,1fr);display:grid}.segmented-filter-tab{cursor:pointer;color:var(--text-secondary,#64748b);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:13px;outline:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:.7rem .5rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.segmented-filter-tab:hover{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);background:#ffffff73;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .segmented-filter-tab:hover{color:#fff;background:#ffffff0f;box-shadow:0 2px 8px #0003}.segmented-filter-tab.active{text-shadow:0 1px 2px #0000004d;-webkit-backdrop-filter:blur(12px)!important;color:#fff!important;background:linear-gradient(135deg,#e11d48 0%,#b71c1c 100%)!important;border:1px solid #fff6!important;font-weight:800!important;box-shadow:inset 1px 1px 3px #ffffff80,inset -2px -2px 5px #00000040,0 6px 18px #ba121559,0 2px 6px #0000001a!important}[data-theme=dark] .segmented-filter-tab.active{background:linear-gradient(135deg,#be123c 0%,#991b1b 100%)!important;border:1px solid #ffffff40!important;box-shadow:inset 1px 1px 3px #fff6,inset -2px -2px 5px #00000073,0 6px 20px #ba121573!important}.segmented-tab-badge{color:inherit;background:#00000014;border-radius:10px;padding:1px 7px;font-size:.7rem;font-weight:700}.segmented-filter-tab.active .segmented-tab-badge{color:#fff;background:#ffffff40}*{box-sizing:border-box;margin:0;padding:0}button{font-family:var(--font-family)}.xp-reward-modal-overlay{-webkit-backdrop-filter:blur(14px);z-index:999999;opacity:0;visibility:hidden;box-sizing:border-box;background:#0f172ab8;justify-content:center;align-items:center;padding:1rem;transition:opacity .32s cubic-bezier(.16,1,.3,1),visibility .32s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.xp-reward-modal-overlay.show{opacity:1;visibility:visible}.xp-reward-modal-content{-webkit-backdrop-filter:blur(28px)saturate(190%);text-align:center;box-sizing:border-box;background:#ffffffe0;border:1.5px solid #fffffff2;border-radius:32px;flex-direction:column;align-items:center;width:100%;max-width:340px;padding:2.2rem 1.6rem 1.8rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;position:relative;overflow:hidden;transform:scale(.82)translateY(24px);box-shadow:0 24px 60px #0f172a47,0 10px 24px #ff8c001f,-6px -6px 20px #fffffff2,inset 1px 1px 2px #fffffff2}[data-theme=dark] .xp-reward-modal-content{background:#121620eb;border:1.5px solid #ffffff1f;box-shadow:0 28px 70px #000c,0 8px 30px #ff8c0038,inset 1px 1px 2px #ffffff1a}.xp-reward-modal-overlay.show .xp-reward-modal-content{transform:scale(1)translateY(0)}.xp-reward-modal-content:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#ff8c004d 0%,#ffd7001f 50%,#0000 75%);width:240px;height:180px;animation:5s ease-in-out infinite alternate rewardLightPulse;position:absolute;top:-90px;left:50%;transform:translate(-50%)}@keyframes rewardLightPulse{0%{opacity:.6;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1.15)}}.xp-reward-close-btn{-webkit-backdrop-filter:blur(10px);color:#64748b;cursor:pointer;z-index:10;background:#ffffffb3;border:1.5px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:1rem;right:1rem;box-shadow:3px 4px 10px #00000014,-2px -2px 6px #fffffff2,inset 1px 1px 2px #fffc}[data-theme=dark] .xp-reward-close-btn{color:#94a3b8;background:#ffffff14;border-color:#ffffff24;box-shadow:3px 4px 10px #0006,-2px -2px 6px #ffffff08,inset 1px 1px 2px #ffffff14}.xp-reward-close-btn:hover{color:#ef4444;background:#ef44441f;border-color:#ef44444d;transform:rotate(90deg)scale(1.1)}.xp-reward-close-btn:active{transform:rotate(90deg)scale(.92);box-shadow:inset 2px 2px 5px #00000040}.xp-reward-pill-badge{color:#d97706;letter-spacing:.6px;text-transform:uppercase;z-index:2;background:linear-gradient(135deg,#ff8c0024 0%,#ffd70014 100%);border:1px solid #ff8c004d;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.9rem;padding:.32rem .9rem;font-size:.72rem;font-weight:800;display:inline-flex;position:relative;box-shadow:0 2px 8px #ff8c001a}[data-theme=dark] .xp-reward-pill-badge{color:#fbbf24;background:linear-gradient(135deg,#ffa50033 0%,#ffd7001a 100%);border-color:#ffb40059}.xp-pill-badge-icon{font-size:.88rem;animation:3.5s ease-in-out infinite badgeWiggle}@keyframes badgeWiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-10deg)scale(1.1)}30%{transform:rotate(10deg)scale(1.1)}45%{transform:rotate(0)}}.xp-reward-pod-container{z-index:2;justify-content:center;align-items:center;width:104px;height:104px;margin:0 auto 1.15rem;display:flex;position:relative}.xp-reward-sunburst{pointer-events:none;filter:blur(1px);background:conic-gradient(#ffc10700 0deg,#ff980038 30deg,#ffc10700 60deg,#ff980038 90deg,#ffc10700 120deg,#ff980038 150deg,#ffc10700 180deg,#ff980038 210deg,#ffc10700 240deg,#ff980038 270deg,#ffc10700 300deg,#ff980038 330deg,#ffc10700 360deg);border-radius:50%;animation:14s linear infinite sunburstSpin;position:absolute;inset:-14px}@keyframes sunburstSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.xp-reward-pod-halo{pointer-events:none;background:radial-gradient(circle,#ffb40059 0%,#ff8c0000 70%);border-radius:50%;animation:2.8s ease-in-out infinite alternate haloBreathe;position:absolute;inset:-4px}@keyframes haloBreathe{0%{opacity:.6;transform:scale(.94)}to{opacity:1;transform:scale(1.12)}}.xp-reward-icon-wrapper{z-index:3;background:linear-gradient(135deg,#ffd54f 0%,#ff9800 50%,#f57c00 100%);border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;animation:3s ease-in-out infinite alternate podFloat;display:flex;position:relative;box-shadow:0 12px 24px #f57c006b,0 4px 10px #0000001a,inset 2px 2px 4px #ffffffa6,inset -3px -3px 6px #bf360c80}@keyframes podFloat{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-4px)rotate(2deg)}}.xp-star-pulse{color:#fff;filter:drop-shadow(0 2px 6px #b4460066);font-size:3.4rem;animation:1.8s ease-in-out infinite alternate starPulse}@keyframes starPulse{0%{filter:drop-shadow(0 2px 4px #b446004d);transform:scale(.95)}to{filter:drop-shadow(0 0 16px #fffffff2)drop-shadow(0 0 24px #ffd700cc);transform:scale(1.1)}}.xp-sparkle-dot{pointer-events:none;z-index:4;border-radius:50%;position:absolute}.xp-sparkle-dot.dot-1{background:gold;width:7px;height:7px;animation:2.2s ease-in-out infinite sparkleTwinkle;top:8px;right:12px;box-shadow:0 0 8px gold}.xp-sparkle-dot.dot-2{background:#fff;width:5px;height:5px;animation:1.8s ease-in-out .7s infinite sparkleTwinkle;bottom:12px;left:10px;box-shadow:0 0 6px #fff}.xp-sparkle-dot.dot-3{background:#ff9800;width:6px;height:6px;animation:2.5s ease-in-out 1.2s infinite sparkleTwinkle;top:48px;left:-2px;box-shadow:0 0 6px #ff9800}@keyframes sparkleTwinkle{0%,to{opacity:.3;transform:scale(.6)}50%{opacity:1;transform:scale(1.3)}}.xp-reward-title{background:linear-gradient(135deg,#ff6f00 0%,#e65100 50%,#bf360c 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;z-index:2;filter:drop-shadow(0 2px 4px #ff6f0033);-webkit-background-clip:text;margin:0 0 .25rem;font-size:2.8rem;font-weight:900;animation:.45s cubic-bezier(.175,.885,.32,1.275) backwards titlePop}@keyframes titlePop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .xp-reward-title{background:linear-gradient(135deg,#ffd54f 0%,#ffa726 50%,#ff7043 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px #ffa7264d);-webkit-background-clip:text}.xp-reward-subtitle{color:var(--text-main,#1e293b);letter-spacing:.2px;z-index:2;margin:0 0 1.25rem;font-size:1.05rem;font-weight:800}[data-theme=dark] .xp-reward-subtitle{color:#f1f5f9}.xp-reward-motivational{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);z-index:2;background:#ffffffa6;border:1px solid #ffffffd9;border-radius:20px;width:100%;margin-bottom:1.5rem;padding:.9rem 1.15rem;transition:all .3s;box-shadow:inset 3px 3px 7px #a3b1c647,inset -3px -3px 7px #fffffff2,0 2px 6px #00000008}[data-theme=dark] .xp-reward-motivational{background:#0a0e168c;border:1px solid #ffffff14;box-shadow:inset 3px 3px 8px #00000080,inset -2px -2px 6px #ffffff08}.xp-reward-motivational p{color:var(--text-main,#334155);margin:0;font-size:.88rem;font-weight:600;line-height:1.45}[data-theme=dark] .xp-reward-motivational p{color:#cbd5e1}.xp-reward-btn-awesome{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.2px;z-index:2;background:linear-gradient(135deg,#ffb300 0%,#ff8f00 50%,#f57c00 100%);border:1.5px solid #ffffff59;border-radius:999px;width:100%;padding:14px 28px;font-size:1.02rem;font-weight:800;transition:all .28s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 8px 20px #f57c006b,0 3px 8px #00000014,inset 1px 1px 2px #ffffff8c}.xp-reward-btn-awesome:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);width:60%;height:100%;animation:3.2s infinite btnShimmer;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes btnShimmer{0%{left:-100%}35%,to{left:160%}}.xp-reward-btn-awesome:hover{transform:translateY(-2px);box-shadow:0 12px 28px #f57c008c,0 4px 10px #0000001f,inset 1px 1px 2px #ffffffb3}.xp-reward-btn-awesome:active{transform:translateY(1px)scale(.98);box-shadow:0 4px 12px #f57c0066,inset 2px 2px 6px #b43c0073}.navi-hp-float-toast{z-index:9999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#12161feb;border:1px solid #ff2e9359;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;animation:.35s cubic-bezier(.175,.885,.32,1.275) hpToastSlideIn;display:flex;position:fixed;bottom:84px;right:18px;box-shadow:0 8px 24px #00000073,0 0 16px #ff2e9340,inset 1px 1px 2px #ffffff26}[data-theme=light] .navi-hp-float-toast{background:#fffffff2;border-color:#ff2e9366;box-shadow:0 8px 24px #0000001f,0 0 16px #ff2e9333,inset 1px 1px 2px #fff}.hp-float-icon-box{color:#fff;background:linear-gradient(135deg,#ff2e93 0%,#e11d48 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex;box-shadow:0 4px 10px #e11d4866}.hp-pulse-anim{animation:1s infinite alternate heartPulseQuick}@keyframes heartPulseQuick{0%{transform:scale(.9)}to{transform:scale(1.15)}}.hp-float-info{flex-direction:column;display:flex}.hp-float-val{color:#ff2e93;letter-spacing:.3px;font-size:.82rem;font-weight:850;line-height:1.2}.hp-float-label{color:#94a3b8;font-size:.68rem;font-weight:600}[data-theme=light] .hp-float-label{color:#64748b}@keyframes hpToastSlideIn{0%{opacity:0;transform:translateY(20px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.app-professional-footer{box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:100%;margin-top:.5rem;margin-bottom:0;padding:.5rem .5rem .25rem;display:flex;position:relative}.app-footer-divider{opacity:.75;justify-content:center;align-items:center;gap:.65rem;width:100%;max-width:320px;margin-bottom:.85rem;display:flex}.app-footer-divider-line{background:linear-gradient(90deg,#0000,#00000014 40%,#0000001f);flex:1;height:1px}.app-footer-divider-line:last-child{background:linear-gradient(90deg,#0000001f,#00000014 60%,#0000)}[data-theme=dark] .app-footer-divider-line{background:linear-gradient(90deg,#0000,#ffffff14 40%,#ffffff26)}[data-theme=dark] .app-footer-divider-line:last-child{background:linear-gradient(90deg,#ffffff26,#ffffff14 60%,#0000)}.app-footer-divider-gem{background:#d31215;border-radius:50%;width:5px;height:5px;transform:rotate(45deg);box-shadow:0 0 6px #d3121566}[data-theme=dark] .app-footer-divider-gem{background:#ef4444;box-shadow:0 0 8px #ef444480}.app-footer-content{text-align:center;flex-direction:column;align-items:center;gap:.55rem;width:100%;display:flex}.app-footer-meta{letter-spacing:.6px;color:var(--text-muted,#64748b);align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;display:inline-flex}.app-footer-brand-title{color:var(--text-main,#0f172a);letter-spacing:.8px;font-weight:800}[data-theme=dark] .app-footer-brand-title{color:#f8fafc}.app-footer-dot-sep{color:var(--border-color,#cbd5e1);font-size:.65rem}.app-footer-version-tag{color:var(--text-secondary,#64748b);letter-spacing:.3px;background:0 0;border:none;border-radius:0;align-items:center;gap:4px;padding:0;font-size:.7rem;font-weight:600;display:inline-flex}[data-theme=dark] .app-footer-version-tag{color:#94a3b8;background:0 0;border:none}.app-footer-status-indicator{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite appFooterStatusPulse;display:inline-block;box-shadow:0 0 6px #10b981}@keyframes appFooterStatusPulse{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}.app-footer-creator-row{color:var(--text-muted,#64748b);flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .45rem;font-size:.74rem;font-weight:500;display:flex}.app-footer-creator-label{color:var(--text-muted,#64748b);font-size:.72rem}[data-theme=dark] .app-footer-creator-label{color:#94a3b8}.app-footer-author-pill{color:#c13584;letter-spacing:.2px;cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:0;align-items:center;gap:4px;padding:0;font-size:.74rem;font-weight:750;text-decoration:none;transition:all .2s;display:inline-flex}[data-theme=dark] .app-footer-author-pill{color:#f472b6;box-shadow:none;background:0 0;border:none}.app-footer-ig-icon{color:#e1306c;flex-shrink:0;font-size:.82rem;transition:transform .2s}[data-theme=dark] .app-footer-ig-icon{color:#f472b6}.app-footer-author-name{line-height:1}.app-footer-ext-icon{opacity:.7;font-size:.65rem;transition:transform .2s,opacity .2s}.app-footer-author-pill:hover{color:#9b1a62;text-underline-offset:3px;box-shadow:none;background:0 0;text-decoration:underline}[data-theme=dark] .app-footer-author-pill:hover{color:#fdf2f8;box-shadow:none;background:0 0}.app-footer-author-pill:hover .app-footer-ig-icon{transform:scale(1.15)}.app-footer-author-pill:hover .app-footer-ext-icon{opacity:1;transform:translate(1px,-1px)}.app-footer-author-pill:active{opacity:.8}.app-footer-copyright-row{margin-top:.1rem}.app-footer-copyright-text{color:var(--text-muted,#94a3b8);letter-spacing:.2px;margin:0;font-size:.68rem;line-height:1.4}.app-footer-copyright-text strong{color:var(--text-secondary,#64748b);font-weight:700}[data-theme=dark] .app-footer-copyright-text{color:#64748b}[data-theme=dark] .app-footer-copyright-text strong{color:#94a3b8}.navi-toast-container{z-index:9999999;pointer-events:none;flex-direction:column;gap:10px;width:calc(100% - 32px);max-width:440px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.navi-toast-item{pointer-events:auto;-webkit-backdrop-filter:blur(12px);background:#fff;border:1px solid #0000000f;border-radius:18px;align-items:flex-start;gap:12px;padding:14px 16px;animation:.35s cubic-bezier(.16,1,.3,1) forwards naviToastSlideDown;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #0f172a29,0 4px 12px #00000014}[data-theme=dark] .navi-toast-item{background:#1e293b;border-color:#ffffff1a;box-shadow:0 20px 42px #000000a6,0 0 0 1px #ffffff14}@keyframes naviToastSlideDown{0%{opacity:0;transform:translateY(-20px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.toast-success .toast-icon-wrap{color:#10b981;background:#10b98124}.toast-error .toast-icon-wrap{color:#ef4444;background:#ef444424}.toast-warning .toast-icon-wrap{color:#f59e0b;background:#f59e0b24}.toast-info .toast-icon-wrap{color:#0ea5e9;background:#0ea5e924}.toast-body{flex:1;min-width:0;padding-right:6px}.toast-title{color:#0f172a;letter-spacing:-.2px;margin-bottom:2px;font-size:.92rem;font-weight:800}[data-theme=dark] .toast-title{color:#f8fafc}.toast-message{color:#475569;word-break:break-word;font-size:.84rem;line-height:1.45}[data-theme=dark] .toast-message{color:#94a3b8}.toast-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1rem;transition:all .2s;display:flex}.toast-close-btn:hover{color:#0f172a;background:#0000000f}[data-theme=dark] .toast-close-btn:hover{color:#fff;background:#ffffff14}.toast-progress-bar{width:100%;height:3px;animation:linear forwards toastProgress;position:absolute;bottom:0;left:0}.toast-success .toast-progress-bar{background:linear-gradient(90deg,#10b981,#059669)}.toast-error .toast-progress-bar{background:linear-gradient(90deg,#ef4444,#dc2626)}.toast-warning .toast-progress-bar{background:linear-gradient(90deg,#f59e0b,#d97706)}.toast-info .toast-progress-bar{background:linear-gradient(90deg,#0ea5e9,#0284c7)}@keyframes toastProgress{0%{width:100%}to{width:0%}}.navi-confirm-overlay{-webkit-backdrop-filter:blur(8px);z-index:999999;background:#0f172ab8;justify-content:center;align-items:center;padding:1.25rem;animation:.22s ease-out confirmFadeIn;display:flex;position:fixed;inset:0}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.navi-confirm-card{box-sizing:border-box;text-align:center;background:#fff;border-radius:28px;width:100%;max-width:410px;padding:2.2rem 1.8rem 1.8rem;animation:.32s cubic-bezier(.16,1,.3,1) confirmCardPop;position:relative;box-shadow:0 25px 60px #00000040}[data-theme=dark] .navi-confirm-card{background:#1e293b;border:1px solid #ffffff14;box-shadow:0 25px 60px #000000b3}@keyframes confirmCardPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-icon-orb{justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.25rem;display:flex;position:relative}.confirm-icon-pulse{border-radius:50%;width:100%;height:100%;animation:1.8s ease-in-out infinite confirmPulse;position:absolute}.orb-danger .confirm-icon-pulse{background:#ef444440}.orb-warning .confirm-icon-pulse{background:#f59e0b40}@keyframes confirmPulse{0%,to{opacity:.7;transform:scale(.92)}50%{opacity:0;transform:scale(1.35)}}.confirm-icon-inner{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.85rem;display:flex;position:relative}.orb-danger .confirm-icon-inner{background:linear-gradient(135deg,#ef4444 0%,#d31215 100%);box-shadow:0 8px 20px #d3121561}.orb-warning .confirm-icon-inner{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 8px 20px #f59e0b61}.confirm-title{color:#0f172a;letter-spacing:-.3px;margin:0 0 .5rem;font-size:1.38rem;font-weight:850}[data-theme=dark] .confirm-title{color:#f8fafc}.confirm-message{color:#475569;margin:0 0 1.25rem;font-size:.92rem;line-height:1.55}[data-theme=dark] .confirm-message{color:#94a3b8}.confirm-impact-box{text-align:left;background:#ef44440f;border:1px solid #ef444433;border-radius:16px;margin-bottom:1.5rem;padding:12px 14px}[data-theme=dark] .confirm-impact-box{background:#ef44441f;border-color:#ef444447}.impact-header{color:#dc2626;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;margin-bottom:5px;font-size:.8rem;font-weight:800;display:flex}[data-theme=dark] .impact-header{color:#fca5a5}.impact-icon{font-size:.95rem}.impact-text{color:#64748b;font-size:.84rem;line-height:1.5}[data-theme=dark] .impact-text{color:#cbd5e1}.confirm-actions{gap:10px;display:flex}.confirm-btn-cancel{color:#475569;cursor:pointer;background:0 0;border:1.5px solid #cbd5e1;border-radius:9999px;flex:1;padding:12px 16px;font-size:.92rem;font-weight:700;transition:all .2s}[data-theme=dark] .confirm-btn-cancel{color:#e2e8f0;border-color:#475569}.confirm-btn-cancel:hover{color:#0f172a;background:#0000000d}[data-theme=dark] .confirm-btn-cancel:hover{color:#fff;background:#ffffff14}.confirm-btn-action{color:#fff;cursor:pointer;border:none;border-radius:9999px;flex:1.25;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.92rem;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.confirm-btn-action.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#d31215 100%);box-shadow:0 8px 20px #d3121559}.confirm-btn-action.btn-danger:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px 24px #d3121573}.confirm-btn-action.btn-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 8px 20px #f59e0b59}.confirm-btn-action:active{transform:translateY(0)}.navi-loading-overlay{-webkit-backdrop-filter:blur(10px);z-index:99999999;background:#0f172ac7;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out loadingFadeIn;display:flex;position:fixed;inset:0}.navi-loading-screen-full{box-sizing:border-box;background:radial-gradient(circle,#7e0507 0%,#450a0a 60%,#200405 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex}@keyframes loadingFadeIn{0%{opacity:0}to{opacity:1}}.navi-loading-box{text-align:center;flex-direction:column;align-items:center;max-width:340px;display:flex}.loading-logo-wrapper{justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:1.5rem;display:flex;position:relative}.loading-orbit-ring{border-radius:50%;position:absolute}.loading-orbit-ring.ring-outer{border:2px dashed #f59e0b73;width:110px;height:110px;animation:8s linear infinite orbitRotateClockwise}.loading-orbit-ring.ring-inner{border:2.5px solid #ef4444;border-color:#ef4444 gold #0000 #0000;width:92px;height:92px;animation:1.8s cubic-bezier(.68,-.55,.27,1.55) infinite orbitRotateCounter}@keyframes orbitRotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitRotateCounter{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.loading-logo-glow{background:radial-gradient(circle,#ef444473 0%,#f59e0b40 50%,#0000 80%);border-radius:50%;width:76px;height:76px;animation:2.4s ease-in-out infinite logoGlowPulse;position:absolute}@keyframes logoGlowPulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:.9;transform:scale(1.3)}}.loading-logo-img{object-fit:contain;filter:drop-shadow(0 6px 14px #00000073);width:72px;height:72px;animation:3s ease-in-out infinite logoFloatAnimation;position:relative}@keyframes logoFloatAnimation{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.04)}}.loading-text-title{color:#fff;letter-spacing:-.2px;text-shadow:0 2px 10px #00000080;margin-bottom:.4rem;font-size:1.15rem;font-weight:800}.loading-subtext{color:#ffffffbf;justify-content:center;align-items:center;font-size:.82rem;font-weight:500;display:flex}.loading-dots .dot{opacity:0;animation:1.4s infinite dotBlink}.loading-dots .dot:first-child{animation-delay:.2s}.loading-dots .dot:nth-child(2){animation-delay:.4s}.loading-dots .dot:nth-child(3){animation-delay:.6s}@keyframes dotBlink{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.pwa-install-modal-overlay{animation:.25s ease-out forwards pwaOverlayFadeIn;-webkit-backdrop-filter:blur(16px)!important;z-index:999999!important;box-sizing:border-box!important;background:#0a0e1ac2!important;justify-content:center!important;align-items:center!important;padding:1.25rem 1rem!important;display:flex!important;position:fixed!important;inset:0!important}@keyframes pwaOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.pwa-install-modal-card{scrollbar-width:thin;scrollbar-color:#00000026 transparent;animation:.32s cubic-bezier(.175,.885,.32,1.25) forwards pwaCardPopIn;box-sizing:border-box!important;text-align:center!important;-webkit-backdrop-filter:blur(28px)saturate(180%)!important;color:#0f172a!important;background:#fffffff2!important;border:1.5px solid #fffffff2!important;border-radius:28px!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:410px!important;max-height:90vh!important;padding:1.8rem 1.4rem 1.4rem!important;display:flex!important;position:relative!important;overflow-y:auto!important;box-shadow:0 24px 60px #00000038,0 8px 26px #e11d4826,inset 1px 1px 2px #fff!important}@keyframes pwaCardPopIn{0%{opacity:0;transform:scale(.88)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.pwa-modal-close-btn{cursor:pointer!important;color:#64748b!important;z-index:20!important;background:#0000000d!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;font-size:1.15rem!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:absolute!important;top:1rem!important;right:1rem!important;box-shadow:inset 1px 1px 2px #fffc!important}.pwa-modal-close-btn:hover{color:#e11d48!important;background:#e11d481f!important;transform:rotate(90deg)scale(1.08)!important}.pwa-modal-close-btn:active{transform:rotate(90deg)scale(.92)!important}.pwa-modal-header{text-align:center!important;flex-direction:column!important;align-items:center!important;width:100%!important;margin-bottom:.95rem!important;display:flex!important}.pwa-modal-hero-pod{background:linear-gradient(135deg,#ef444429 0%,#f59e0b38 100%)!important;border:1.5px solid #f59e0b66!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:68px!important;height:68px!important;margin:0 auto .75rem!important;animation:2.4s ease-in-out infinite alternate pwaHeroPulse!important;display:flex!important;position:relative!important;box-shadow:0 0 24px #ef444452,inset 1px 1px 3px #ffffffe6!important}@keyframes pwaHeroPulse{0%{transform:scale(.98);box-shadow:0 0 16px #ef444440}to{transform:scale(1.06);box-shadow:0 0 32px #f59e0b80,0 0 45px #ef44444d}}.pwa-modal-logo-img{object-fit:contain;filter:drop-shadow(0 2px 6px #00000026);width:44px;height:44px}.pwa-modal-badge-row{justify-content:center;margin-bottom:.35rem;display:flex}.pwa-official-badge{letter-spacing:.4px;color:#059669;text-transform:uppercase;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:.62rem;font-weight:850;display:inline-flex}.pwa-modal-title{letter-spacing:-.2px!important;text-transform:uppercase!important;background:linear-gradient(135deg,#dc2626 0%,#ea580c 50%,#d97706 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;margin:0 0 .3rem!important;font-size:1.35rem!important;font-weight:900!important}.pwa-modal-subtitle{color:#64748b!important;max-width:320px!important;margin:0!important;font-size:.78rem!important;font-weight:500!important;line-height:1.38!important}.pwa-benefits-card{box-sizing:border-box!important;text-align:left!important;background:#f8fafceb!important;border:1.5px solid #e2e8f0e6!important;border-radius:18px!important;flex-direction:column!important;gap:.75rem!important;width:100%!important;margin-bottom:1.25rem!important;padding:.85rem 1rem!important;display:flex!important;box-shadow:2px 3px 10px #a3b1c62e,-2px -2px 6px #fff,inset 1px 1px 2px #fffc!important}.pwa-benefit-item{align-items:center;gap:.75rem;display:flex}.pwa-benefit-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.pwa-benefit-icon-box.fast{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d}.pwa-benefit-icon-box.mobile{color:#0284c7;background:#0284c71f;border:1px solid #0284c740}.pwa-benefit-icon-box.secure{color:#059669;background:#10b98124;border:1px solid #10b9814d}.pwa-benefit-text{flex-direction:column;min-width:0;display:flex}.pwa-benefit-text strong{color:#0f172a;margin-bottom:.1rem;font-size:.82rem;font-weight:850;line-height:1.2}.pwa-benefit-text span{color:#64748b;font-size:.72rem;line-height:1.3}.pwa-ios-guide-box{text-align:left!important;box-sizing:border-box!important;background:#f8fafceb!important;border:1.5px solid #e2e8f0e6!important;border-radius:18px!important;flex-direction:column!important;gap:.65rem!important;width:100%!important;margin-bottom:1.25rem!important;padding:.9rem 1rem!important;display:flex!important;box-shadow:2px 3px 10px #a3b1c62e,-2px -2px 6px #fff,inset 1px 1px 2px #fffc!important}.pwa-guide-headline{color:#dc2626;text-transform:uppercase;letter-spacing:.4px;font-size:.78rem;font-weight:850}.pwa-ios-step{background:#fffc;border:1px solid #e2e8f0cc;border-radius:12px;align-items:center;gap:.65rem;padding:.55rem .75rem;display:flex}.pwa-step-num{color:#fff;background:#dc2626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:900;display:flex}.pwa-step-desc{color:#1e293b;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.76rem;line-height:1.35;display:flex}.pwa-inline-icon{font-size:1rem}.pwa-inline-icon.share{color:#0284c7}.pwa-inline-icon.add{color:#059669}.pwa-modal-actions{flex-direction:column;gap:.55rem;width:100%;display:flex}.pwa-modal-install-btn{color:#fff!important;letter-spacing:.5px!important;cursor:pointer!important;text-transform:uppercase!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%)!important;border:1.5px solid #ffffff59!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:.55rem!important;width:100%!important;padding:.85rem 1.4rem!important;font-size:.92rem!important;font-weight:900!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important;display:flex!important;box-shadow:0 10px 24px #ef44446b,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #0003!important}.pwa-modal-install-btn:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px #ef44448c,inset 1px 1px 2px #ffffffb3!important}.pwa-modal-install-btn:active{transform:scale(.97)!important;box-shadow:inset 3px 3px 8px #0000004d!important}.pwa-action-icon{font-size:1.15rem}.pwa-modal-dismiss-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.35rem .5rem;font-size:.82rem;font-weight:700;transition:all .2s}.pwa-modal-dismiss-btn:hover{color:#0f172a;text-decoration:underline}.login-page-wrapper{box-sizing:border-box;background:var(--bg-main,#f1f5f9);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;width:100%;height:100dvh;max-height:100dvh;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}[data-theme=dark] .login-page-wrapper{background:#0b0f19}.login-ambient-orb{pointer-events:none;filter:blur(80px);opacity:.45;z-index:0;border-radius:50%;animation:14s ease-in-out infinite alternate loginOrbFloat;position:absolute}.orb-top-left{background:radial-gradient(circle,#d3121559 0%,#7e05071f 60%,#0000 80%);width:320px;height:320px;top:-80px;left:-80px}.orb-bottom-right{background:radial-gradient(circle,#d9770638 0%,#d3121526 50%,#0000 80%);width:340px;height:340px;animation-delay:-7s;bottom:-100px;right:-80px}.orb-center-float{background:radial-gradient(circle,#dc26262e 0%,#d977061a 50%,#0000 75%);width:260px;height:260px;animation:16s ease-in-out infinite alternate-reverse loginOrbFloat;top:45%;left:60%}@keyframes loginOrbFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(25px,18px)scale(1.06)}to{transform:translate(-18px,28px)scale(.96)}}.login-ambient-particles{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.ambient-particle{pointer-events:none;filter:blur(1px);background:#dc262666;border-radius:50%;animation:14s linear infinite particleRise;position:absolute}.ambient-particle.p-1{width:5px;height:5px;animation-duration:18s;animation-delay:0s;left:12%}.ambient-particle.p-2{width:4px;height:4px;animation-duration:14s;animation-delay:-3s;left:28%}.ambient-particle.p-3{width:6px;height:6px;animation-duration:20s;animation-delay:-7s;left:65%}.ambient-particle.p-4{width:5px;height:5px;animation-duration:16s;animation-delay:-11s;left:82%}.ambient-particle.p-5{width:4px;height:4px;animation-duration:22s;animation-delay:-5s;left:45%}@keyframes particleRise{0%{opacity:0;transform:translateY(105vh)scale(.6)}20%{opacity:.6}80%{opacity:.6}to{opacity:0;transform:translateY(-5vh)scale(1.1)}}.topo-login-container{z-index:10;flex-direction:column;justify-content:center;width:100%;max-width:410px;height:100%;max-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.topo-login-card{background:#fff;border-radius:32px;flex-direction:column;height:100%;max-height:100dvh;animation:.45s cubic-bezier(.16,1,.3,1) topoCardFadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px -10px #0000001f,0 4px 16px #0000000a,0 0 0 1px #0000000a}[data-theme=dark] .topo-login-card{background:#111827;box-shadow:0 25px 60px -12px #000000b3,0 0 0 1px #ffffff14}@keyframes topoCardFadeUp{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.topo-header.abstract-header{background:linear-gradient(#7e0507 0%,#b91c1c 60%,#d31215 100%);flex-shrink:0;width:100%;height:255px;position:relative;overflow:hidden}[data-theme=dark] .topo-header.abstract-header{background:linear-gradient(#4d0204 0%,#350001 100%)}.abstract-canvas-gradient{z-index:1;background:linear-gradient(#7e0507 0%,#d31215 100%);width:100%;height:100%;position:absolute;top:0;left:0}.abstract-geometric-grid{pointer-events:none;z-index:2;opacity:.95;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.8' stroke-opacity='0.16'%3E%3Cpath d='M24 0L48 24L24 48L0 24Z'/%3E%3Cpath d='M0 0L48 48M48 0L0 48'/%3E%3Ccircle cx='24' cy='24' r='1.8' fill='%23ffffff' fill-opacity='0.28'/%3E%3C/g%3E%3C/svg%3E");background-size:48px 48px;animation:32s linear infinite geometricPatternDrift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000f2 0%,#000000b3 50%,#0003 85%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#000000b3 50%,#0003 85%,#0000 100%)}@keyframes geometricPatternDrift{0%{background-position:0 0}to{background-position:96px 96px}}.abstract-ambient-aura{pointer-events:none;z-index:3;background:radial-gradient(65% 55% at 30% 25%,#ffffff38 0%,#0000 65%),radial-gradient(55% 45% at 75% 35%,#ffc8c82e 0%,#0000 60%);width:140%;height:100%;animation:7s ease-in-out infinite alternate ambientLightPulse;position:absolute;top:0;left:-20%}@keyframes ambientLightPulse{0%{opacity:.65;transform:translateY(0)scale(.98)}50%{opacity:.95;transform:translateY(-5px)scale(1.02)}to{opacity:.65;transform:translateY(2px)scale(1)}}.topo-center-logo-wrapper{z-index:5;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 1rem;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.topo-logo-halo{filter:blur(12px);background:radial-gradient(circle,#ffffff73 0%,#ffffff0d 55%,#0000 70%);border-radius:50%;width:96px;height:96px;animation:3.8s ease-in-out infinite topoLogoPulse;position:absolute;top:8px}@keyframes topoLogoPulse{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:.85;transform:scale(1.15)}}.topo-logo-standalone{z-index:2;justify-content:center;align-items:center;animation:4.2s ease-in-out infinite topoLogoFloat;display:flex;position:relative}@keyframes topoLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.topo-logo-img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000059);width:66px;max-width:66px;height:66px;max-height:66px;display:block}.topo-brand-text-group{text-align:center;flex-direction:column;align-items:center;margin-top:8px;display:flex}.topo-brand-app-title{letter-spacing:2px;color:#fff;text-shadow:0 2px 8px #00000073;margin:0;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:1.28rem;font-weight:900;animation:4s ease-in-out infinite brandTitlePulse}@keyframes brandTitlePulse{0%,to{opacity:.96;transform:scale(1)}50%{opacity:1;text-shadow:0 0 14px #ffffffb3,0 2px 8px #00000073;transform:scale(1.02)}}.topo-brand-app-subtitle{letter-spacing:1.6px;color:#ffffffe0;text-transform:uppercase;text-shadow:0 1px 4px #00000059;margin-top:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:.65rem;font-weight:700;animation:4s ease-in-out infinite subtitleTextPulse}@keyframes subtitleTextPulse{0%,to{opacity:.82;letter-spacing:1.6px}50%{opacity:1;letter-spacing:1.8px;text-shadow:0 0 8px #ffffff73}}.topo-wave-divider{z-index:4;pointer-events:none;width:100%;height:42px;position:absolute;bottom:-1px;left:0}.topo-wave-svg{width:100%;height:100%;display:block}.topo-wave-fill{fill:#fff;transition:fill .3s}[data-theme=dark] .topo-wave-fill{fill:#111827}.topo-body{z-index:5;background:#fff;flex-direction:column;flex:1;justify-content:space-between;min-height:0;padding:.75rem 1.6rem .55rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s;display:flex;position:relative;overflow:hidden}[data-theme=dark] .topo-body{background:#111827}@keyframes topoFadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.topo-title-wrapper{flex-direction:column;align-items:flex-start;margin-bottom:.45rem;animation:.5s cubic-bezier(.16,1,.3,1) 50ms both topoFadeSlideUp;display:inline-flex}.topo-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 3px;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:1.55rem;font-weight:850;line-height:1.1}[data-theme=dark] .topo-title{color:#f8fafc}.topo-title-underline{background:linear-gradient(90deg,#d31215 0%,#ef4444 100%);border-radius:9999px;width:44px;height:3.5px;animation:.75s cubic-bezier(.16,1,.3,1) .15s both titleUnderlineExpand;position:relative;overflow:hidden}.topo-title-underline:after{content:"";background:linear-gradient(90deg,#0000,#ffffffd9,#0000);width:100%;height:100%;animation:3s ease-in-out infinite underlineGlowWave;position:absolute;top:0;left:-100%}@keyframes underlineGlowWave{0%,25%{left:-100%}75%,to{left:100%}}@keyframes titleUnderlineExpand{0%{opacity:0;width:0}to{opacity:1;width:44px}}.topo-form{flex-direction:column;display:flex}.topo-field-group{margin-bottom:.85rem}.anim-field-email{animation:.5s cubic-bezier(.16,1,.3,1) .14s both topoFadeSlideUp}.anim-field-password{animation:.5s cubic-bezier(.16,1,.3,1) .22s both topoFadeSlideUp}.topo-field-label{color:#334155;letter-spacing:-.1px;margin-bottom:.35rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:750;display:block}[data-theme=dark] .topo-field-label{color:#e2e8f0}.topo-field-row{border-bottom:1.5px solid #e2e8f0;align-items:center;padding-bottom:.4rem;transition:all .25s;display:flex;position:relative;overflow:hidden}[data-theme=dark] .topo-field-row{border-bottom-color:#2d3748}.topo-field-row:focus-within{border-bottom-color:#d31215;box-shadow:0 1px #d31215}.topo-field-icon{color:#d31215;flex-shrink:0;font-size:1.12rem;animation:3.2s ease-in-out infinite alternate iconAmbientBob}@keyframes iconAmbientBob{0%{color:#ba1215;transform:translateY(0)scale(1)}50%{color:#ef4444;filter:drop-shadow(0 2px 5px #ef44444d);transform:translateY(-2px)scale(1.08)}to{color:#ba1215;transform:translateY(0)scale(1)}}.topo-field-shimmer{pointer-events:none;background:linear-gradient(90deg,#0000,#ef4444,#ba1215,#0000);width:50%;height:2px;animation:4s ease-in-out infinite fieldShimmerSweep;position:absolute;bottom:0;left:-100%}.anim-field-password .topo-field-shimmer{animation-delay:2s}@keyframes fieldShimmerSweep{0%,30%{opacity:0;left:-100%}50%{opacity:.9}70%,to{opacity:0;left:120%}}.topo-field-divider{background:#cbd5e1;flex-shrink:0;width:1px;height:15px;margin:0 9px}[data-theme=dark] .topo-field-divider{background:#475569}.topo-field-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;font-weight:500;line-height:1.35}[data-theme=dark] .topo-field-input{color:#f8fafc}.topo-field-input::placeholder{color:#94a3b8;font-size:.88rem;font-weight:400}.topo-eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.15rem;transition:color .2s;display:flex}.topo-eye-btn:hover{color:#d31215}.topo-options-row{justify-content:space-between;align-items:center;gap:12px;margin-top:.35rem;margin-bottom:1.25rem;animation:.5s cubic-bezier(.16,1,.3,1) .28s both topoFadeSlideUp;display:flex}.topo-remember-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.topo-remember-native{opacity:0;pointer-events:none;position:absolute}.topo-remember-box{box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}[data-theme=dark] .topo-remember-box{background:#1e293b;border-color:#475569}.topo-check-svg{opacity:0;width:11px;height:11px;transition:all .2s;transform:scale(.6)}.topo-remember-native:checked+.topo-remember-box{background:#d31215;border-color:#d31215;animation:3s ease-in-out infinite checkGlowPulse;box-shadow:0 2px 6px #d3121559}@keyframes checkGlowPulse{0%,to{box-shadow:0 0 #d3121559}50%{box-shadow:0 0 0 4px #d3121524}}.topo-remember-native:checked+.topo-remember-box .topo-check-svg{opacity:1;transform:scale(1)}.topo-remember-text{color:#475569;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:650}[data-theme=dark] .topo-remember-text{color:#94a3b8}.topo-forgot-link{color:#d31215;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:700;text-decoration:none;transition:opacity .2s;animation:3.5s ease-in-out infinite linkAmbientBreath}@keyframes linkAmbientBreath{0%,to{opacity:.88;transform:scale(1)}50%{opacity:1;color:#ef4444;transform:scale(1.02)}}.topo-forgot-link:hover{text-decoration:underline}.topo-submit-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#ef4444 0%,#d31215 50%,#b91c1c 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;width:100%;padding:11px 20px;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:.96rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.16,1,.3,1) .36s both topoFadeSlideUp,3.5s ease-in-out .8s infinite btnBreathPulse;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #d3121552}@keyframes btnBreathPulse{0%,to{transform:scale(1);box-shadow:0 8px 20px #d3121552}50%{transform:scale(1.015);box-shadow:0 12px 26px #d312157a,0 0 14px #ef444440}}.topo-submit-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:60%;height:100%;animation:4.2s ease-in-out 1.2s infinite btnShimmerSweep;position:absolute;top:0;left:-130%;transform:skew(-25deg)}@keyframes btnShimmerSweep{0%,60%{left:-130%}to{left:160%}}.topo-submit-btn:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 12px 24px #d3121566}.topo-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #d3121540}.topo-submit-btn:disabled{opacity:.75;cursor:not-allowed;animation:none}.topo-btn-loading{align-items:center;gap:8px;display:inline-flex}.topo-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite topoSpin}@keyframes topoSpin{to{transform:rotate(360deg)}}.topo-footer-row{justify-content:center;align-items:center;gap:6px;margin-top:.45rem;animation:.5s cubic-bezier(.16,1,.3,1) .44s both topoFadeSlideUp;display:flex}.topo-footer-text{color:#64748b;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:500}[data-theme=dark] .topo-footer-text{color:#94a3b8}.topo-signup-btn{color:#d31215;cursor:pointer;background:0 0;border:none;padding:0;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:800;text-decoration:none;transition:opacity .2s;animation:2.8s ease-in-out infinite signupGlowPulse}@keyframes signupGlowPulse{0%,to{color:#d31215;transform:scale(1)}50%{color:#ef4444;text-shadow:0 0 8px #ef444459;transform:scale(1.04)}}.topo-signup-btn:hover{text-decoration:underline}.topo-pwa-install-row{justify-content:center;margin-top:.45rem;animation:.5s cubic-bezier(.16,1,.3,1) .52s both topoFadeSlideUp;display:flex}.topo-pwa-install-btn{color:#d31215;cursor:pointer;background:#d312150a;border:1px solid #d3121538;border-radius:9999px;align-items:center;gap:7px;padding:5px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:750;transition:all .2s;animation:3.2s ease-in-out infinite pwaAmbientFloat;display:inline-flex;box-shadow:0 2px 8px #d312150f}@keyframes pwaAmbientFloat{0%,to{transform:translateY(0);box-shadow:0 2px 8px #d312150f}50%{border-color:#d3121561;transform:translateY(-2px);box-shadow:0 6px 14px #d3121529}}[data-theme=dark] .topo-pwa-install-btn{color:#f87171;background:#ef44441f;border-color:#ef44444d}.topo-pwa-install-btn:hover{background:#d3121514;border-color:#d31215;transform:translateY(-1px)}.topo-pwa-install-btn .pwa-icon{font-size:.95rem;animation:3.2s ease-in-out infinite downloadBounce}@keyframes downloadBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3.5px)}60%{transform:translateY(-1.5px)}}.login-embedded-footer{border-top:1px solid #0000000d;width:100%;margin-top:.45rem;padding:.35rem .2rem 0;font-family:Plus Jakarta Sans,sans-serif;animation:.5s cubic-bezier(.16,1,.3,1) .6s both topoFadeSlideUp}.login-embedded-footer .app-footer-content{gap:.25rem}.login-embedded-footer .app-footer-meta{font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem}.login-embedded-footer .app-footer-brand-title{font-family:Outfit,Plus Jakarta Sans,sans-serif;font-weight:800}.login-embedded-footer .app-footer-creator-row{gap:.25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem}.login-embedded-footer .app-footer-author-pill{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem;animation:3.2s ease-in-out infinite authorLinkBreath}@keyframes authorLinkBreath{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.login-embedded-footer .app-footer-copyright-text{font-family:Plus Jakarta Sans,sans-serif;font-size:.62rem;line-height:1.25}[data-theme=dark] .login-embedded-footer{border-top-color:#ffffff0f}.login-error-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999999;background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out loginModalBackdropFade;display:flex;position:fixed;inset:0}@keyframes loginModalBackdropFade{0%{opacity:0}to{opacity:1}}.login-error-modal-card{text-align:center;box-sizing:border-box;background:#fff;border-radius:28px;flex-direction:column;align-items:center;width:90%;max-width:340px;padding:2rem 1.6rem 1.5rem;animation:.32s cubic-bezier(.16,1,.3,1) loginModalCardBounce;display:flex;position:relative;box-shadow:0 25px 60px -10px #00000040,0 8px 24px -5px #d3121526,0 0 0 1px #0000000d}[data-theme=dark] .login-error-modal-card{background:#1e293b;box-shadow:0 25px 60px -10px #000000a6,0 0 0 1px #ffffff14}@keyframes loginModalCardBounce{0%{opacity:0;transform:scale(.92)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}.error-modal-close-btn{color:#64748b;cursor:pointer;background:#0000000a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.15rem;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}[data-theme=dark] .error-modal-close-btn{color:#94a3b8;background:#ffffff14}.error-modal-close-btn:hover{color:#d31215;background:#d312151a}.error-modal-icon-container{justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:1.1rem;display:flex;position:relative}.error-modal-icon-pulse{background:#ef444429;border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite errorPulse;position:absolute}@keyframes errorPulse{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.error-modal-icon-box{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#d31215 100%);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.65rem;display:flex;position:relative;box-shadow:0 8px 20px #d3121559}.error-modal-title{color:#0f172a;letter-spacing:-.3px;margin:0 0 .45rem;font-size:1.28rem;font-weight:850;line-height:1.25}[data-theme=dark] .error-modal-title{color:#f8fafc}.error-modal-desc{color:#64748b;margin:0 0 1.35rem;padding:0 .3rem;font-size:.86rem;font-weight:500;line-height:1.5}[data-theme=dark] .error-modal-desc{color:#94a3b8}.error-modal-actions{flex-direction:column;gap:9px;width:100%;display:flex}.error-modal-btn-retry{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ef4444 0%,#d31215 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:.94rem;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 18px #d3121547}.error-modal-btn-retry:hover{filter:brightness(1.04);transform:translateY(-1.5px);box-shadow:0 8px 22px #d3121561}.error-modal-btn-retry:active{transform:translateY(0)}.error-modal-btn-retry .btn-icon{font-size:1.05rem}.error-modal-btn-forgot{color:#d31215;cursor:pointer;white-space:nowrap;background:#d312150a;border:1.5px solid #d312153d;border-radius:9999px;justify-content:center;align-items:center;gap:7px;width:100%;padding:11px 18px;font-size:.9rem;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}[data-theme=dark] .error-modal-btn-forgot{color:#f87171;background:#ef44441a;border-color:#ef44444d}.error-modal-btn-forgot:hover{background:#d3121514;border-color:#d31215;transform:translateY(-1px)}.error-modal-btn-forgot .btn-icon{font-size:1rem}.forgot-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999999;background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out loginModalBackdropFade;display:flex;position:fixed;inset:0}.forgot-modal-card{box-sizing:border-box;background:#fff;border-radius:28px;width:100%;max-width:400px;padding:2.2rem 2rem;animation:.32s cubic-bezier(.16,1,.3,1) loginModalCardBounce;position:relative;box-shadow:0 25px 60px #00000040}[data-theme=dark] .forgot-modal-card{background:#1e293b;border:1px solid #ffffff14;box-shadow:0 25px 60px #000000a6}.forgot-modal-close{color:#64748b;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.15rem;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.forgot-icon-header{justify-content:center;margin-bottom:1.1rem;display:flex}.forgot-key-circle{color:#d31215;background:#d312151a;border:1px solid #d3121533;border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.65rem;display:flex;box-shadow:0 8px 18px #d3121526}.forgot-modal-title{color:#0f172a;text-align:center;margin:0 0 .45rem;font-size:1.35rem;font-weight:850}[data-theme=dark] .forgot-modal-title{color:#f8fafc}.forgot-modal-desc{color:#64748b;text-align:center;margin:0 0 1.45rem;font-size:.88rem;line-height:1.5}[data-theme=dark] .forgot-modal-desc{color:#94a3b8}.forgot-send-btn{margin-top:.5rem}.forgot-cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9999px;width:100%;margin-top:.5rem;padding:10px;font-size:.88rem;font-weight:650;transition:all .2s}.forgot-cancel-btn:hover{color:#0f172a;background:#0000000a}.forgot-success-content{text-align:center;flex-direction:column;align-items:center;animation:.35s cubic-bezier(.16,1,.3,1) both topoFadeSlideUp;display:flex}.forgot-success-icon-box{color:#10b981;background:#10b9811f;border:2px solid #10b98140;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:.25rem auto 1.1rem;display:flex;position:relative}.forgot-success-icon-pulse{pointer-events:none;border:2px solid #10b98159;border-radius:50%;animation:2s cubic-bezier(.24,0,.38,1) infinite forgotSuccessPulse;position:absolute;inset:-6px}@keyframes forgotSuccessPulse{0%{opacity:.85;transform:scale(.95)}50%{opacity:0;transform:scale(1.18)}to{opacity:.85;transform:scale(.95)}}.forgot-success-icon{z-index:1;font-size:2.25rem}.forgot-email-badge{box-sizing:border-box;background:#d312150f;border:1.5px solid #d312152e;border-radius:14px;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-bottom:1.1rem;padding:.65rem 1.1rem;display:inline-flex}[data-theme=dark] .forgot-email-badge{background:#d312151f;border-color:#d312154d}.forgot-email-icon{color:#d31215;flex-shrink:0;font-size:1.15rem}.forgot-email-text{color:#0f172a;word-break:break-all;font-family:Plus Jakarta Sans,monospace,sans-serif;font-size:.92rem;font-weight:750}[data-theme=dark] .forgot-email-text{color:#f8fafc}.forgot-notice-box{text-align:left;box-sizing:border-box;background:#3b82f614;border:1px solid #3b82f633;border-radius:14px;align-items:flex-start;gap:10px;width:100%;margin-bottom:1.35rem;padding:.85rem 1rem;display:flex}[data-theme=dark] .forgot-notice-box{background:#3b82f61f;border-color:#3b82f647}.forgot-notice-icon{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:1.2rem}[data-theme=dark] .forgot-notice-icon{color:#60a5fa}.forgot-notice-box p{color:#334155;margin:0;font-size:.8rem;line-height:1.45}[data-theme=dark] .forgot-notice-box p{color:#cbd5e1}.forgot-notice-box strong{color:#1e293b;font-weight:750}[data-theme=dark] .forgot-notice-box strong{color:#fff}.forgot-done-btn{border-radius:14px;justify-content:center;align-items:center;gap:6px;width:100%;height:48px;margin-top:.25rem;font-size:.92rem;font-weight:750;display:flex;box-shadow:0 10px 24px #d3121547}.aktivasi-header-nav{z-index:10;position:absolute;top:14px;left:14px}.aktivasi-stepper-modern{justify-content:center;align-items:center;gap:10px;margin-bottom:1.15rem;padding:0 .5rem;animation:.5s cubic-bezier(.16,1,.3,1) 80ms both topoFadeSlideUp;display:flex}.aktivasi-step-item{opacity:.55;align-items:center;gap:7px;transition:all .25s;display:flex}.aktivasi-step-item.active{opacity:1}.aktivasi-step-item.completed{opacity:.9}.step-circle{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:.74rem;font-weight:800;transition:all .25s;display:flex}[data-theme=dark] .step-circle{color:#94a3b8;background:#334155}.aktivasi-step-item.active .step-circle{color:#fff;background:#d31215;animation:2.4s ease-in-out infinite activeStepPulse;box-shadow:0 3px 8px #d3121559}@keyframes activeStepPulse{0%,to{box-shadow:0 0 #d3121573}50%{box-shadow:0 0 0 6px #d3121500}}.aktivasi-step-item.completed .step-circle{color:#fff;background:#10b981}.step-label{color:#334155;white-space:nowrap;font-size:.78rem;font-weight:750}[data-theme=dark] .step-label{color:#e2e8f0}.aktivasi-step-line{background:#e2e8f0;border-radius:9999px;flex:1;max-width:32px;height:2px}[data-theme=dark] .aktivasi-step-line{background:#334155}.aktivasi-verified-card,.verified-member-card{background:#f0fdf4;border:1.5px solid #86efac;border-radius:16px;align-items:center;gap:12px;margin-bottom:1rem;padding:10px 14px;animation:.5s cubic-bezier(.16,1,.3,1) .1s both topoFadeSlideUp;display:flex;box-shadow:0 2px 8px #10b98114}[data-theme=dark] .aktivasi-verified-card,[data-theme=dark] .verified-member-card{background:#10b9811a;border-color:#10b9814d}.verified-card-icon{color:#16a34a;flex-shrink:0;justify-content:center;align-items:center;font-size:1.45rem;animation:3s ease-in-out infinite alternate verifiedCheckGlow;display:flex}@keyframes verifiedCheckGlow{0%{filter:drop-shadow(0 0 #16a34a00);transform:scale(1)}to{filter:drop-shadow(0 0 5px #16a34a66);transform:scale(1.08)}}.verified-card-info{flex-direction:column;gap:1px;display:flex}.verified-card-tag{color:#16a34a;letter-spacing:.5px;font-size:.64rem;font-weight:850}.verified-card-name{color:#0f172a;font-size:.9rem;font-weight:850;line-height:1.25}[data-theme=dark] .verified-card-name{color:#f8fafc}.verified-card-nta{color:#64748b;font-size:.72rem;font-weight:600}.aktivasi-back-btn-modern{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:9999px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:.65rem;padding:10px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}[data-theme=dark] .aktivasi-back-btn-modern{color:#94a3b8;border-color:#334155}.aktivasi-back-btn-modern:hover{color:#0f172a;background:#0000000a;border-color:#94a3b8}.gender-select-modal-backdrop{-webkit-backdrop-filter:blur(10px);background:#0f172ab8;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0;z-index:999999!important}.gender-select-modal-card{text-align:center;box-sizing:border-box;border-radius:28px;width:92%;max-width:375px;padding:1.8rem 1.5rem 1.4rem;animation:.35s cubic-bezier(.16,1,.3,1) modalCardPop;position:relative;box-shadow:0 25px 60px -10px #00000040,0 8px 24px -5px #d3121526,0 0 0 1px #0000000a;background:#fff!important}[data-theme=dark] .gender-select-modal-card{box-shadow:0 25px 60px -10px #000000b3,0 0 0 1px #ffffff14;background:#1e293b!important}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalCardPop{0%{opacity:0;transform:scale(.92)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}.gender-modal-header{flex-direction:column;align-items:center;margin-bottom:1.2rem;display:flex}.gender-modal-badge{color:#d31215;letter-spacing:.3px;background:#d3121514;border:1px solid #d3121533;border-radius:9999px;align-items:center;gap:6px;margin-bottom:.65rem;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-flex}[data-theme=dark] .gender-modal-badge{color:#f87171;background:#ef444426;border-color:#ef44444d}.gender-modal-badge-icon{color:#d31215;font-size:.85rem}[data-theme=dark] .gender-modal-badge-icon{color:#f87171}.gender-modal-title{color:#0f172a;letter-spacing:-.3px;margin:0 0 .35rem;font-size:1.35rem;font-weight:850}[data-theme=dark] .gender-modal-title{color:#f8fafc}.gender-modal-subtitle{color:#64748b;margin:0;padding:0 .4rem;font-size:.82rem;font-weight:500;line-height:1.45}[data-theme=dark] .gender-modal-subtitle{color:#94a3b8}.gender-cards-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.35rem;display:grid}.gender-option-card{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;outline:none;flex-direction:column;align-items:center;padding:1.1rem .65rem .95rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}[data-theme=dark] .gender-option-card{background:#0f172a;border-color:#334155}.gender-option-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.gender-option-card.selected{background:#fff5f5;border-color:#d31215;transform:translateY(-1.5px);box-shadow:0 8px 22px #d3121529}[data-theme=dark] .gender-option-card.selected{background:#dc26261f;border-color:#ef4444;box-shadow:0 8px 22px #dc262640}.gender-card-indicator{position:absolute;top:9px;right:9px}.gender-card-radio{background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;transition:all .2s;display:flex}[data-theme=dark] .gender-card-radio{background:#1e293b;border-color:#475569}.gender-option-card.selected .gender-card-radio{border-color:#d31215}[data-theme=dark] .gender-option-card.selected .gender-card-radio{border-color:#ef4444}.gender-card-dot{background:#d31215;border-radius:50%;width:8px;height:8px;animation:.2s cubic-bezier(.16,1,.3,1) dotScaleIn}[data-theme=dark] .gender-card-dot{background:#ef4444}@keyframes dotScaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.gender-avatar-preview-box{background:linear-gradient(#fff 0%,#f1f5f9 100%);border:1px solid #0000000a;border-radius:18px;justify-content:center;align-items:center;width:90px;height:110px;margin-bottom:.75rem;padding:6px;transition:all .25s;display:flex;box-shadow:inset 0 1px 2px #fffc}[data-theme=dark] .gender-avatar-preview-box{background:linear-gradient(#1e293b 0%,#0f172a 100%);border-color:#ffffff0f}.gender-option-card.selected .gender-avatar-preview-box{background:linear-gradient(#fff 0%,#fee2e2 100%);border-color:#d3121526}[data-theme=dark] .gender-option-card.selected .gender-avatar-preview-box{background:linear-gradient(#2d1517 0%,#1a0d0e 100%);border-color:#ef44444d}.gender-avatar-img{object-fit:contain;filter:drop-shadow(0 4px 8px #00000026);width:100%;height:100%;transition:transform .25s}.gender-option-card:hover .gender-avatar-img,.gender-option-card.selected .gender-avatar-img{transform:scale(1.05)}.gender-card-info{text-align:center;flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.gender-card-title{color:#0f172a;font-size:.88rem;font-weight:850;line-height:1.25;display:block}[data-theme=dark] .gender-card-title{color:#f8fafc}.gender-option-card.selected .gender-card-title{color:#d31215}[data-theme=dark] .gender-option-card.selected .gender-card-title{color:#f87171}.gender-card-desc{color:#64748b;font-size:.68rem;font-weight:600;line-height:1.25;display:block}[data-theme=dark] .gender-card-desc{color:#94a3b8}.gender-modal-actions{flex-direction:column;gap:8px;width:100%;display:flex}.gender-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#d31215 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12.5px 20px;font-size:.95rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 20px #d3121552}.gender-submit-btn:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1.5px);box-shadow:0 10px 24px #d312156b}.gender-submit-btn:active:not(:disabled){transform:translateY(0)}.gender-submit-btn:disabled{opacity:.65;cursor:not-allowed}.gender-cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9999px;width:100%;padding:9px 14px;font-size:.84rem;font-weight:650;transition:all .2s;display:inline-block}[data-theme=dark] .gender-cancel-btn{color:#94a3b8}.gender-cancel-btn:hover{color:#0f172a;background:#0000000a}[data-theme=dark] .gender-cancel-btn:hover{color:#f8fafc;background:#ffffff0f}@media (width<=480px){.login-page-wrapper{align-items:stretch;height:100dvh;max-height:100dvh;padding:0;overflow:hidden!important}.topo-login-container{justify-content:flex-start;max-width:100%;height:100dvh;max-height:100dvh;overflow:hidden!important}.topo-login-card{height:100dvh;max-height:100dvh;box-shadow:none;border-radius:0;overflow:hidden!important}.topo-header.abstract-header{flex-shrink:0;height:255px!important}.topo-body{flex-direction:column;flex:1;justify-content:space-between;min-height:0;padding:.7rem 1.45rem .5rem;display:flex;overflow:hidden!important}.topo-title-wrapper{margin-bottom:.45rem}.topo-title{font-size:1.55rem}.topo-field-group{margin-bottom:.85rem}.topo-field-label{margin-bottom:.3rem;font-size:.78rem}.topo-field-row{padding-bottom:.38rem}.topo-options-row{margin-top:.35rem;margin-bottom:1.2rem}.topo-submit-btn{padding:11.5px 20px;font-size:.96rem}.topo-footer-row{margin-top:.6rem}.topo-pwa-install-row{margin-top:.45rem}.topo-pwa-install-btn{padding:5px 14px;font-size:.72rem}.login-embedded-footer{margin-top:.5rem;padding-top:.35rem}}.login-page-wrapper.da-scrollable-page{-webkit-overflow-scrolling:touch;background:var(--bg-main,#fff);flex-direction:column!important;align-items:stretch!important;width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;display:flex!important;overflow-y:auto!important}.topo-login-container.da-scrollable-container{justify-content:flex-start!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}.topo-login-card.da-scrollable-card{width:100%!important;max-width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;overflow:visible!important}@media (width>=640px){.login-page-wrapper.da-scrollable-page{background:var(--bg-main,#f1f5f9);align-items:center!important;padding:2rem 1rem!important}.topo-login-container.da-scrollable-container{max-width:420px!important}.topo-login-card.da-scrollable-card{border-radius:32px!important;min-height:auto!important;margin:1.25rem auto!important;box-shadow:0 20px 50px -10px #0000001f,0 4px 16px #0000000a,0 0 0 1px #0000000a!important}}.topo-body.da-scrollable-body{flex:1 0 auto!important;height:auto!important;max-height:none!important;padding:1.25rem 1.45rem 2.5rem!important;overflow:visible!important}.da-title-wrapper{flex-direction:column;align-items:flex-start;margin-bottom:1.25rem;animation:.5s cubic-bezier(.16,1,.3,1) 50ms both topoFadeSlideUp;display:inline-flex}.da-subtitle{color:#64748b;letter-spacing:-.1px;margin:.45rem 0 0;font-family:Plus Jakarta Sans,sans-serif;font-size:.84rem;font-weight:600;line-height:1.4}[data-theme=dark] .da-subtitle{color:#94a3b8}.anim-da-field-token{animation:.5s cubic-bezier(.16,1,.3,1) .12s both topoFadeSlideUp}.anim-da-field-nama{animation:.5s cubic-bezier(.16,1,.3,1) .18s both topoFadeSlideUp}.anim-da-field-email{animation:.5s cubic-bezier(.16,1,.3,1) .24s both topoFadeSlideUp}.anim-da-field-password{animation:.5s cubic-bezier(.16,1,.3,1) .3s both topoFadeSlideUp}.anim-da-field-confirm{animation:.5s cubic-bezier(.16,1,.3,1) .36s both topoFadeSlideUp}.anim-da-submit{animation:.5s cubic-bezier(.16,1,.3,1) .42s both topoFadeSlideUp}.anim-da-footer{animation:.5s cubic-bezier(.16,1,.3,1) .48s both topoFadeSlideUp}.anim-da-field-token .topo-field-shimmer{animation-delay:.5s}.anim-da-field-nama .topo-field-shimmer{animation-delay:1.5s}.anim-da-field-email .topo-field-shimmer{animation-delay:2.5s}.anim-da-field-password .topo-field-shimmer{animation-delay:3.5s}.anim-da-field-confirm .topo-field-shimmer{animation-delay:4.5s}.da-field-group{margin-bottom:1.15rem}.da-field-help{color:#64748b;margin-top:.35rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.74rem;font-weight:550;line-height:1.35;display:block}[data-theme=dark] .da-field-help{color:#94a3b8}.da-submit-btn{border-radius:16px!important;height:50px!important;margin-top:1.25rem!important;font-size:.98rem!important;font-weight:800!important;box-shadow:0 10px 24px #d3121547!important}.da-pw-strength-box{background:#00000006;border:1px solid #0000000f;border-radius:14px;margin-top:.65rem;padding:.75rem .85rem;animation:.3s cubic-bezier(.16,1,.3,1) both topoFadeSlideUp}[data-theme=dark] .da-pw-strength-box{background:#ffffff09;border-color:#ffffff14}.da-pw-strength-header{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.da-pw-strength-title{color:#64748b;font-size:.76rem;font-weight:700}[data-theme=dark] .da-pw-strength-title{color:#94a3b8}.da-pw-strength-badge{background:#00000005;border:1px solid;border-radius:999px;align-items:center;padding:2px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.da-pw-meter-track{gap:5px;height:4px;margin-bottom:.5rem;display:flex}.da-pw-meter-segment{background:#e2e8f0;border-radius:999px;flex:1;height:100%;transition:background-color .25s}[data-theme=dark] .da-pw-meter-segment{background:#334155}.da-pw-strength-msg{color:#475569;margin:0 0 .55rem;font-size:.74rem;font-weight:550;line-height:1.35}[data-theme=dark] .da-pw-strength-msg{color:#cbd5e1}.da-pw-hints-list{border-top:1px dashed #e2e8f0;grid-template-columns:1fr 1fr;gap:5px 8px;padding-top:.5rem;display:grid}[data-theme=dark] .da-pw-hints-list{border-top-color:#334155}.da-pw-hint-item{color:#94a3b8;align-items:center;gap:5px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.da-pw-hint-item.valid{color:#10b981}[data-theme=dark] .da-pw-hint-item.valid{color:#34d399}.da-pw-hint-bullet{width:12px;font-size:.75rem;font-weight:800;display:inline-block}.da-match-feedback{border-radius:12px;align-items:center;gap:7px;margin-top:.55rem;padding:.55rem .85rem;font-size:.76rem;font-weight:650;line-height:1.35;animation:.25s cubic-bezier(.16,1,.3,1) both topoFadeSlideUp;display:flex}.da-match-feedback.match{color:#059669;background:#10b9811a;border:1px solid #10b98140}[data-theme=dark] .da-match-feedback.match{color:#34d399;background:#10b98126;border-color:#10b98159}.da-match-feedback.mismatch{color:#dc2626;background:#ef444417;border:1px solid #ef444438}[data-theme=dark] .da-match-feedback.mismatch{color:#f87171;background:#ef444424;border-color:#ef444452}.da-match-icon{flex-shrink:0;font-size:1.05rem}.perm-modal-overlay{-webkit-backdrop-filter:blur(14px);z-index:999999;box-sizing:border-box;background:#0f172abf;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.perm-modal-card{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0f2;border-radius:26px;flex-direction:column;gap:1rem;width:100%;max-width:440px;max-height:90vh;padding:1.5rem 1.35rem 1.35rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 50px -12px #0f172a59,0 10px 25px -5px #0f172a33}[data-theme=dark] .perm-modal-card{background:#161a22;border-color:#ffffff1f;box-shadow:0 24px 60px #000000d9}.perm-modal-close{color:#64748b;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}[data-theme=dark] .perm-modal-close{color:#cbd5e1;background:#ffffff14}.perm-modal-close:hover{color:#ef4444;background:#ef444426}.perm-modal-header{text-align:center}.perm-shield-icon-pod{color:#b91c1c;background:#b91c1c1a;border:1px solid #b91c1c33;border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto .75rem;display:flex;position:relative}.perm-shield-icon{font-size:1.75rem}.perm-shield-mini-check{color:#fff;background:#10b981;border:2px solid #fff;border-radius:50%;font-size:1.1rem;position:absolute;bottom:-4px;right:-4px}.perm-modal-title{color:#0f172a;letter-spacing:-.2px;margin:0 0 .25rem;font-size:1.15rem;font-weight:850}[data-theme=dark] .perm-modal-title{color:#fff}.perm-modal-subtitle{color:#059669;margin:0;font-size:.76rem;font-weight:600}[data-theme=dark] .perm-modal-subtitle{color:#34d399}.perm-tab-switcher{background:#f1f5f9d9;border:1px solid #e2e8f0cc;border-radius:12px;gap:.35rem;padding:4px;display:flex}[data-theme=dark] .perm-tab-switcher{background:#1e232e;border-color:#ffffff14}.perm-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:.5rem .75rem;font-size:.78rem;font-weight:750;transition:all .2s}[data-theme=dark] .perm-tab-btn{color:#94a3b8}.perm-tab-btn.active{color:#b91c1c;background:#fff;box-shadow:0 2px 8px #00000014}[data-theme=dark] .perm-tab-btn.active{color:#fff;background:#2d3748}.perm-modal-body{flex-direction:column;gap:.85rem;display:flex}.perm-status-overview{background:#00000008;border-radius:10px;justify-content:space-between;align-items:center;padding:.45rem .65rem;font-size:.72rem;display:flex}[data-theme=dark] .perm-status-overview{background:#ffffff0a}.perm-overview-label{color:#64748b;font-weight:600}.perm-overview-badge{border-radius:6px;padding:2px 6px;font-weight:800}.perm-overview-badge.granted{color:#059669;background:#10b98126}.perm-overview-badge.pending{color:#d97706;background:#f59e0b26}.perm-list{flex-direction:column;gap:.65rem;display:flex}.perm-item{box-sizing:border-box;background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:14px;align-items:flex-start;gap:.75rem;padding:.75rem .85rem;display:flex}[data-theme=dark] .perm-item{background:#1e293b59;border-color:#ffffff0f}.perm-item-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.perm-item-icon-box.mic{color:#ef4444;background:#ef44441f}.perm-item-icon-box.geo{color:#3b82f6;background:#3b82f61f}.perm-item-icon-box.cam{color:#10b981;background:#10b9811f}.perm-item-icon-box.notif{color:#f59e0b;background:#f59e0b1f}.perm-item-info{flex:1;min-width:0}.perm-item-name-row{align-items:center;gap:.4rem;margin-bottom:.15rem;display:flex}.perm-name{color:#0f172a;font-size:.82rem;font-weight:800}[data-theme=dark] .perm-name{color:#fff}.perm-badge{text-transform:uppercase;border-radius:999px;padding:1px 6px;font-size:.62rem;font-weight:800}.perm-badge.granted{color:#059669;background:#10b98126}.perm-badge.denied{color:#dc2626;background:#ef444426}.perm-badge.prompt{color:#64748b;background:#64748b26}.perm-desc{color:#64748b;margin:0;font-size:.72rem;line-height:1.35}[data-theme=dark] .perm-desc{color:#94a3b8}.perm-grant-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#b91c1c;border:none;border-radius:8px;align-self:center;padding:.35rem .65rem;font-size:.72rem;font-weight:800;transition:all .2s}.perm-grant-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.perm-grant-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;border-radius:14px;width:100%;padding:.85rem;font-size:.88rem;font-weight:850;transition:all .2s;box-shadow:0 4px 14px #10b98159}.perm-grant-all-btn:hover{filter:brightness(1.08)}.security-body{gap:.95rem}.security-highlight-card{text-align:center;background:#10b98114;border:1.5px solid #10b98140;border-radius:18px;padding:1.15rem}[data-theme=dark] .security-highlight-card{background:#10b9811f;border-color:#10b98159}.security-icon-circle{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto .65rem;display:flex}.security-title{color:#065f46;margin:0 0 .35rem;font-size:.95rem;font-weight:850}[data-theme=dark] .security-title{color:#6ee7b7}.security-desc{color:#047857;margin:0;font-size:.74rem;line-height:1.45}[data-theme=dark] .security-desc{color:#a7f3d0}.security-points-grid{flex-direction:column;gap:.65rem;display:flex}.security-point-item{background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:12px;align-items:flex-start;gap:.75rem;padding:.75rem .85rem;display:flex}[data-theme=dark] .security-point-item{background:#1e293b66;border-color:#ffffff0f}.point-check-icon{color:#059669;background:#10b98126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:.85rem;display:flex}.point-text{flex:1}.point-text strong{color:#0f172a;margin-bottom:.15rem;font-size:.8rem;display:block}[data-theme=dark] .point-text strong{color:#fff}.point-text p{color:#64748b;margin:0;font-size:.72rem;line-height:1.35}[data-theme=dark] .point-text p{color:#94a3b8}.perm-modal-footer{margin-top:.25rem}.perm-footer-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:#0f172a;border:none;border-radius:14px;width:100%;padding:.85rem;font-size:.88rem;font-weight:850;transition:all .2s}[data-theme=dark] .perm-footer-btn{background:#334155}.perm-footer-btn:hover{filter:brightness(1.15)}.theme-toggle{background:var(--bg-card);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-all);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;display:flex}.theme-toggle:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-toggle:active{transform:translateY(0);box-shadow:inset 0 2px 6px #0000000d}.theme-toggle .icon{transition:var(--transition-all);font-size:1.25rem}.sun-icon{color:#f59e0b}.moon-icon{color:var(--primary-navy)}[data-theme=dark] .moon-icon{color:var(--text-main)}.bottom-nav{background:var(--bg-card);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--border-color);z-index:1000;width:calc(100% - 2.5rem);max-width:500px;box-shadow:var(--shadow-lg);transition:var(--transition-all);border-radius:2rem;padding:0 .5rem;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}body.hide-bottom-nav .bottom-nav,body.hide-bottom-nav .sfh-fab,body.hide-bottom-nav .fab-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.navi-air-page) .bottom-nav{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.navi-air-page) .sfh-fab{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.navi-air-page) .fab-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.frame-modal-overlay) .bottom-nav{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.frame-modal-overlay) .sfh-fab{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.frame-modal-overlay) .fab-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.streak-modal-overlay) .bottom-nav{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.streak-modal-overlay) .sfh-fab{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.streak-modal-overlay) .fab-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.profile-qr-modal-overlay) .bottom-nav{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.profile-qr-modal-overlay) .sfh-fab{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.profile-qr-modal-overlay) .fab-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}[data-theme=dark] .bottom-nav{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.nav-container{justify-content:space-between;align-items:center;height:80px;display:flex;position:relative}.nav-item{color:var(--text-muted);width:20%;height:100%;transition:var(--transition-all);flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}[data-theme=dark] .nav-item{color:var(--text-muted)}.nav-item.placeholder{pointer-events:none;opacity:0}.nav-item:hover{color:var(--text-main)}.nav-icon-wrapper{width:44px;height:44px;transition:var(--transition-all);border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-item.active .nav-icon-wrapper{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff4b4b1f!important;border:1px solid #ff4b4b4d!important;box-shadow:0 0 15px #ff4b4b33!important}.nav-item.active .nav-icon{stroke-width:2.5px;color:var(--primary-red)!important}.nav-item.active .nav-label{color:var(--text-main);font-weight:800}[data-theme=dark] .nav-item.active .nav-label{color:var(--text-main)}.nav-icon{transition:var(--transition-all);font-size:1.25rem}.nav-logo-icon{object-fit:contain;filter:grayscale()opacity(.55);width:24px;height:24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-item:hover .nav-logo-icon{filter:grayscale(40%)opacity(.85);transform:scale(1.05)}.nav-item.active .nav-logo-icon{drop-shadow:0 2px 8px #ba181b66;transform:scale(1.12);filter:none!important;opacity:1!important}.nav-label{text-transform:uppercase;letter-spacing:.5px;margin-top:.35rem;font-size:.55rem;font-weight:700}.fab-container{z-index:1001;justify-content:center;align-items:center;display:flex;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.fab-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#b31f24d9;border:1px solid #ffffff40;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:68px;height:68px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s,box-shadow .2s;animation:2s ease-in-out infinite red-pulse-halo-light;display:flex;box-shadow:0 8px 32px #b31f2440}.fab-backdrop-dismiss{z-index:998;background:0 0;width:100vw;height:100vh;position:fixed;top:0;left:0}@keyframes red-pulse-halo-light{0%,to{box-shadow:0 8px 32px #b31f2440,0 0 #b31f2466}50%{box-shadow:0 8px 32px #b31f2440,0 0 0 10px #b31f2400}}[data-theme=dark] .fab-button{animation:2s ease-in-out infinite red-pulse-halo-dark;box-shadow:0 8px 32px #00000059}@keyframes red-pulse-halo-dark{0%,to{box-shadow:0 8px 32px #00000059,0 0 #b31f2480}50%{box-shadow:0 8px 32px #00000059,0 0 0 10px #b31f2400}}.fab-button:hover{background:#c6181be6;transform:scale(1.05);box-shadow:0 12px 36px #b31f2466}[data-theme=dark] .fab-button:hover{box-shadow:0 12px 36px #00000080}.fab-button:active{transform:scale(.95);box-shadow:inset 4px 4px 8px #0000004d,inset -4px -4px 8px #ffffff1a}.fab-icon{margin-bottom:2px;font-size:1.25rem}.fab-label{letter-spacing:.5px;font-size:.6rem;font-weight:800}.fab-menu{pointer-events:none;z-index:1002;width:100%;height:100%;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.fab-menu-item{color:#fff;cursor:pointer;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:1px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:56px;height:56px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;transform:scale(.5)translate(0);box-shadow:0 4px 14px #00000040}.fab-menu-item.fab-sos{background:linear-gradient(135deg,#ff9800,#f44336);top:10px;left:-20px}.fab-menu-item.fab-laporan{background:linear-gradient(135deg,#2196f3,#3f51b5);top:10px;right:-20px}.fab-menu-icon{margin-bottom:2px;font-size:1.2rem}.fab-menu-label{letter-spacing:.3px;font-size:.55rem;font-weight:700}.fab-container.open .fab-button{background:#c6181bf2;animation:none;box-shadow:0 4px 16px #b31f2499}.fab-container.open .fab-icon{transition:transform .3s;transform:rotate(90deg)}.fab-container.open .fab-label{display:none}.fab-container.open .fab-menu-item{opacity:1;pointer-events:auto}.fab-container.open .fab-sos{transform:scale(1)translate(-32px,-45px)}.fab-container.open .fab-laporan{transform:scale(1)translate(32px,-45px)}.fab-menu-item:hover{filter:brightness(1.1);box-shadow:0 6px 16px #0000004d}.fab-container.open .fab-sos:active{transform:translate(-32px,-45px)scale(.92)}.fab-container.open .fab-laporan:active{transform:translate(32px,-45px)scale(.92)}.sfh-alert-badge{z-index:10;background:#ff3b30;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 8px #0000004d}.badge-count{color:#fff;font-size:.8rem;font-weight:700}.pulse-ring{z-index:-1;border:2px solid #ff3b30;border-radius:50%;width:100%;height:100%;animation:1.5s ease-out infinite radar-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes radar-pulse{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.sos-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.sos-modal-wrapper{z-index:10;width:100%;max-width:380px;animation:.35s cubic-bezier(.16,1,.3,1) slideUp;position:relative}.sos-modal-content{-webkit-backdrop-filter:blur(28px);background:#ffffffeb;border:1.5px solid #fffffff2;border-radius:28px;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:14px 14px 35px #ef44442e,-10px -10px 25px #fffffff2,inset 1px 1px 2px #ffffffe6}[data-theme=dark] .sos-modal-content{background:#181216e6;border:1.5px solid #ef44444d;box-shadow:14px 14px 40px #000c,-6px -6px 20px #ef444414,inset 1px 1px 2px #ffffff1a}.sos-modal-header-clean{text-align:center;flex-direction:column;align-items:center;padding:2.25rem 1.5rem 1rem;display:flex;position:relative}.sos-icon-beacon-container{justify-content:center;align-items:center;width:86px;height:86px;margin:0 auto .85rem;display:flex;position:relative}.sos-beacon-ripple{pointer-events:none;border:2px solid #ef4444b3;border-radius:50%;width:80px;height:80px;margin-top:-40px;margin-left:-40px;animation:2.4s cubic-bezier(0,.2,.8,1) infinite sosRadarWave;position:absolute;top:50%;left:50%}.sos-beacon-ripple.ripple-2{animation-delay:1.2s}@keyframes sosRadarWave{0%{opacity:.9;transform:scale(.8)}70%{opacity:.35}to{opacity:0;transform:scale(2.2)}}.sos-icon-ring{z-index:2;background:#ef44441a;border:1.5px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;display:flex;position:relative;box-shadow:4px 4px 12px #ef444426,-3px -3px 8px #fff9}[data-theme=dark] .sos-icon-ring{box-shadow:4px 4px 14px #00000080,-2px -2px 6px #ffffff08}.sos-icon-pulse{background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;animation:1.6s ease-in-out infinite sosHeartbeat;display:flex;box-shadow:0 0 20px #ef444499,inset 1px 1px 2px #fff6}@keyframes sosHeartbeat{0%,to{transform:scale(1);box-shadow:0 0 15px #ef444480}50%{transform:scale(1.08);box-shadow:0 0 28px #ef4444d9}}.sos-status-badge{letter-spacing:.6px;text-transform:uppercase;color:#dc2626;background:#ef44441f;border:1px solid #ef444459;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:.5rem;padding:.25rem .8rem;font-size:.7rem;font-weight:850;display:inline-flex;box-shadow:0 0 10px #ef444426}[data-theme=dark] .sos-status-badge{color:#ff5a5a;background:#ef44442e;border:1px solid #ef444473;box-shadow:0 0 12px #ef44444d}.sos-live-beacon{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite alternate beaconBlink;box-shadow:0 0 8px #ef4444}@keyframes beaconBlink{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.sos-modal-header-clean h2{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:1.35rem;font-weight:900;line-height:1.25}[data-theme=dark] .sos-modal-header-clean h2{color:#fff}.sos-modal-body-clean{text-align:center;flex-direction:column;gap:.95rem;padding:0 1.5rem 1.4rem;display:flex}.sos-calm-box{text-align:left;background:#ef44440f;border:1px solid #ef44441f;border-left:3.5px solid #ef4444;border-radius:12px;padding:.75rem .95rem}[data-theme=dark] .sos-calm-box{background:#ef44441f;border-color:#ef444440 #ef444440 #ef444440 #ef4444}.sos-calm-heading{color:#0f172a;margin-bottom:.25rem;font-size:.95rem;font-weight:850;display:block}[data-theme=dark] .sos-calm-heading{color:#fff}.sos-calm-text{color:#475569;margin:0;font-size:.82rem;font-weight:500;line-height:1.45}[data-theme=dark] .sos-calm-text{color:#cbd5e1}.sos-location-pill{text-align:left;background:#f1f5f9d9;border:1px solid #ef444440;border-radius:16px;align-items:center;gap:.9rem;padding:.85rem 1rem;display:flex;box-shadow:inset 2.5px 2.5px 6px #cbd5e1,inset -2.5px -2.5px 6px #fff}[data-theme=dark] .sos-location-pill{background:#100c12d9;border:1px solid #ef444459;box-shadow:inset 3px 3px 6px #060507,inset -2px -2px 5px #261d24}.sos-location-icon-small{color:#ef4444;background:#ef444426;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;animation:2.2s ease-in-out infinite gpsIconBreathing;display:flex;box-shadow:0 0 10px #ef444433}@keyframes gpsIconBreathing{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.sos-compass-nav{animation:3s ease-in-out infinite alternate compassRotateSoft}@keyframes compassRotateSoft{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.sos-location-details-small{flex-direction:column;gap:.15rem;min-width:0;display:flex}.sos-location-meta-row{align-items:center;gap:.4rem;display:flex}.location-label{color:#ef4444;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:850}.sos-live-gps-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite alternate livePingPulse;box-shadow:0 0 6px #10b981}@keyframes livePingPulse{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1.25)}}.location-coords{color:#0f172a;letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.92rem;font-weight:750;overflow:hidden}[data-theme=dark] .location-coords{color:#fff}.sos-sub-text{color:#64748b;margin:0;font-size:.8rem;font-weight:500;line-height:1.45}[data-theme=dark] .sos-sub-text{color:#94a3b8}.sos-modal-footer-clean{padding:0 1.5rem 1.8rem}.sos-close-btn-neo{cursor:pointer;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%);border:1.5px solid #ffffff4d;border-radius:16px;width:100%;padding:.95rem 1.2rem;font-size:.95rem;font-weight:900;transition:all .22s cubic-bezier(.16,1,.3,1);animation:2.5s ease-in-out infinite btnPulseAttention;box-shadow:0 10px 24px #ef444473,inset 1px 1px 2px #ffffff73,inset -1px -1px 2px #0003;color:#fff!important}@keyframes btnPulseAttention{0%,to{box-shadow:0 8px 22px #ef444466,inset 1px 1px 2px #ffffff73}50%{box-shadow:0 12px 28px #ef4444a6,inset 1px 1px 2px #fff9}}.sos-close-btn-neo:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ef444499,inset 1px 1px 2px #fff9}.sos-close-btn-neo:active{transform:scale(.97)!important;box-shadow:inset 4px 4px 8px #00000059!important}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.evolution-overlay{-webkit-backdrop-filter:blur(14px);z-index:999999;box-sizing:border-box;background:#0f172abf;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.22s cubic-bezier(.16,1,.3,1) forwards fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.evolution-card{scrollbar-width:thin;text-align:center;box-sizing:border-box;width:100%;max-width:380px;max-height:calc(100vh - 40px);color:var(--text-main,#0f172a);background:#fff;border:1.5px solid #e2e8f0e6;border-radius:26px;padding:1.6rem 1.4rem 1.35rem;animation:.26s cubic-bezier(.16,1,.3,1) forwards popUpModal;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #0f172a59,0 10px 25px -5px #0f172a33}[data-theme=dark] .evolution-card{color:#f1f5f9;background:#181d28;border-color:#ffffff1f;box-shadow:0 25px 50px -12px #000000d9,0 10px 25px -5px #00000080}@keyframes popUpModal{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.evolution-close-btn{color:#64748b;cursor:pointer;z-index:10;background:#0000000d;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}[data-theme=dark] .evolution-close-btn{color:#cbd5e1;background:#ffffff14;border-color:#ffffff1a}.evolution-close-btn:hover{color:#ef4444;background:#ef444426;transform:rotate(90deg)}.evolution-pill-badge{text-transform:uppercase;letter-spacing:.6px;color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:999px;align-items:center;gap:.3rem;margin-bottom:.45rem;padding:.22rem .7rem;font-size:.68rem;font-weight:800;display:inline-flex}[data-theme=dark] .evolution-pill-badge{color:#fbbf24;background:#f59e0b2e;border-color:#f59e0b59}.evolution-title{background:linear-gradient(135deg,#ff6f00 0%,#d84315 100%);-webkit-text-fill-color:transparent;letter-spacing:.3px;-webkit-background-clip:text;margin:0 0 .85rem;font-size:1.25rem;font-weight:900;line-height:1.25}[data-theme=dark] .evolution-title{background:linear-gradient(135deg,#ffb300 0%,#ff7043 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.evolution-image-container{justify-content:center;align-items:center;width:105px;height:105px;margin:0 auto 1.15rem;display:flex;position:relative}.evolution-sunburst{z-index:0;pointer-events:none;background:repeating-conic-gradient(#ffd70038 0deg 15deg,#0000 15deg 30deg);border-radius:50%;width:180%;height:180%;animation:12s linear infinite rotateSunburst;position:absolute;top:-40%;left:-40%}[data-theme=dark] .evolution-sunburst{background:repeating-conic-gradient(#ffd7002e 0deg 15deg,#0000 15deg 30deg)}@keyframes rotateSunburst{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.evolution-image{object-fit:contain;z-index:2;filter:drop-shadow(0 8px 16px #00000040);width:100%;height:100%;animation:3s ease-in-out infinite floatEvo;position:relative}@keyframes floatEvo{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.evolution-badge-wrapper{z-index:2;background:linear-gradient(135deg,gold 0%,#ff8c00 100%);border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;animation:2.5s ease-in-out infinite alternate pulseBadge;display:flex;position:relative;box-shadow:0 10px 22px #ff8c0073,inset 2px 2px 5px #ffffffb3,inset -2px -2px 6px #c8640080}@keyframes pulseBadge{0%{filter:drop-shadow(0 0 8px #ffd70066);transform:scale(1)}to{filter:drop-shadow(0 0 18px #ffd700b3);transform:scale(1.06)}}.evolution-badge-icon{color:#fff;font-size:2.8rem}.evolution-info{box-sizing:border-box;background:#00000008;border:1px solid #0000000f;border-radius:16px;margin-bottom:1.15rem;padding:.85rem 1rem}[data-theme=dark] .evolution-info{background:#ffffff0a;border-color:#ffffff14}.evolution-subtitle-evo{color:#d97706;margin:0 0 .35rem;font-size:.82rem;font-weight:800}[data-theme=dark] .evolution-subtitle-evo{color:#fbbf24}.evolution-rank-name{color:var(--text-main,#0f172a);letter-spacing:-.2px;margin:0 0 .35rem;font-size:1.12rem;font-weight:800}[data-theme=dark] .evolution-rank-name{color:#fff}.evolution-motivational{color:var(--text-muted,#64748b);margin:0;font-size:.78rem;font-weight:500;line-height:1.45}[data-theme=dark] .evolution-motivational{color:#94a3b8}.evolution-btn-awesome{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:14px;width:100%;padding:.82rem 1.25rem;font-size:.88rem;font-weight:800;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #10b98159}.evolution-btn-awesome:hover{transform:translateY(-2px);box-shadow:0 6px 18px #10b98173}.evolution-btn-awesome:active{transform:translateY(0)}@media (width<=480px){.evolution-card{border-radius:22px;max-height:calc(100vh - 30px);padding:1.4rem 1.2rem 1.2rem}.evolution-title{font-size:1.15rem}.evolution-image-container{width:95px;height:95px;margin-bottom:.9rem}.evolution-badge-wrapper{width:72px;height:72px}.evolution-badge-icon{font-size:2.4rem}}.pwa-install-banner{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:99999;box-sizing:border-box;background:#ffffffeb;border:1.5px solid #fffffff2;border-radius:20px;width:calc(100% - 2rem);max-width:580px;padding:.85rem 1rem;animation:.4s cubic-bezier(.16,1,.3,1) slideDownBanner;position:fixed;top:1rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 36px #8b000029,0 4px 12px #00000014,inset 0 1px 1px #ffffffe6}[data-theme=dark] .pwa-install-banner{background:#1a1216e6;border-color:#ff4b4b4d;box-shadow:0 16px 40px #000000b3,0 4px 16px #b31f2440,inset 0 1px 1px #ffffff1a}@keyframes slideDownBanner{0%{opacity:0;transform:translate(-50%,-25px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.pwa-banner-glow{pointer-events:none;background:radial-gradient(circle,#ef444440 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-20px;right:-20px}.pwa-banner-content{z-index:2;align-items:center;gap:.85rem;display:flex;position:relative}.pwa-logo-box{background:#fff;border:1px solid #0000000f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:4px;display:flex;position:relative;box-shadow:0 4px 12px #00000014}[data-theme=dark] .pwa-logo-box{background:#1f2430;border-color:#ffffff1a}.pwa-banner-logo{object-fit:contain;width:100%;height:100%}.pwa-verified-mini-badge{color:#fff;background:#10b981;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-3px;right:-3px}.pwa-banner-info{flex:1;min-width:0}.pwa-banner-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.15rem;display:flex}.pwa-banner-title{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:.92rem;font-weight:850}[data-theme=dark] .pwa-banner-title{color:#fff}.pwa-safety-pill{color:#059669;letter-spacing:.3px;background:#10b9811f;border:1px solid #10b98140;border-radius:999px;align-items:center;gap:.25rem;padding:1px 6px;font-size:.62rem;font-weight:800;display:inline-flex}[data-theme=dark] .pwa-safety-pill{color:#34d399;background:#10b98133;border-color:#10b98166}.pwa-banner-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.74rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}[data-theme=dark] .pwa-banner-desc{color:#94a3b8}.pwa-banner-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.pwa-install-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#b91c1c 0%,#dc2626 100%);border:1px solid #ffffff59;border-radius:12px;align-items:center;gap:.35rem;padding:.55rem .85rem;font-size:.78rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #b91c1c59}.pwa-install-btn:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 6px 18px #b91c1c80}.pwa-install-btn:active{transform:scale(.96)}.pwa-btn-icon{font-size:.95rem}.pwa-close-btn{color:#64748b;cursor:pointer;background:#0000000d;border:1px solid #0000000f;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}[data-theme=dark] .pwa-close-btn{color:#cbd5e1;background:#ffffff14;border-color:#ffffff1a}.pwa-close-btn:hover{color:#ef4444;background:#ef444426}.ios-pwa-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:100000;background:#000000a6;justify-content:center;align-items:center;padding:1.5rem;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.ios-pwa-modal-card{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0e6;border-radius:24px;flex-direction:column;gap:1.15rem;width:100%;max-width:390px;padding:1.75rem 1.5rem 1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;box-shadow:0 24px 60px #00000040}[data-theme=dark] .ios-pwa-modal-card{background:#161a22;border-color:#ffffff1f;box-shadow:0 24px 60px #000000d9}.ios-pwa-close-btn{color:#64748b;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:1rem;right:1rem}[data-theme=dark] .ios-pwa-close-btn{color:#cbd5e1;background:#ffffff14}.ios-pwa-header{text-align:center}.ios-pwa-icon-circle{color:#b91c1c;background:#b91c1c1a;border:1px solid #b91c1c33;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto .75rem;display:flex}.ios-pwa-header h3{color:#0f172a;margin:0 0 .35rem;font-size:1.15rem;font-weight:850}[data-theme=dark] .ios-pwa-header h3{color:#fff}.ios-pwa-header p{color:#64748b;margin:0;font-size:.82rem}[data-theme=dark] .ios-pwa-header p{color:#94a3b8}.ios-pwa-steps{flex-direction:column;gap:.75rem;display:flex}.ios-step-item{background:#f1f5f9bf;border:1px solid #e2e8f0cc;border-radius:14px;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}[data-theme=dark] .ios-step-item{background:#1e293b80;border-color:#ffffff14}.ios-step-number{color:#fff;background:#b91c1c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:850;display:flex}.ios-step-text{color:#1e293b;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.82rem;line-height:1.4;display:flex}[data-theme=dark] .ios-step-text{color:#e2e8f0}.ios-step-icon{color:#0284c7;font-size:1.05rem}.ios-pwa-guarantee{color:#047857;background:#10b98114;border:1px solid #10b98133;border-radius:12px;align-items:flex-start;gap:.6rem;padding:.65rem .85rem;font-size:.72rem;line-height:1.4;display:flex}[data-theme=dark] .ios-pwa-guarantee{color:#34d399;background:#10b98126;border-color:#10b9814d}.ios-pwa-gotit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b91c1c 0%,#dc2626 100%);border:none;border-radius:14px;padding:.85rem;font-size:.9rem;font-weight:850;transition:all .2s;box-shadow:0 4px 15px #b91c1c59}.ios-pwa-gotit-btn:hover{filter:brightness(1.1)}.main-layout{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.main-content{box-sizing:border-box;flex:1;width:100%;max-width:100%;margin:0;padding:1.5rem 1.5rem 95px}body.hide-bottom-nav .main-content{height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}body:has(.scan-page-wrapper) .main-content{height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}body:has(.navi-air-page) .main-content{height:auto!important;min-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden auto!important}body:has(.scan-page-wrapper){height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}body:has(.scan-page-wrapper) .main-layout{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}body.hide-bottom-nav:after{display:none!important}body:has(.navi-air-page):after{display:none!important}body:has(.scan-page-wrapper):after{display:none!important}.page-container{animation:.3s ease-in-out fadeIn}.page-container h2{color:var(--primary-navy);margin-bottom:.5rem;font-size:1.75rem}[data-theme=dark] .page-container h2{color:var(--text-main)}.page-container p{color:var(--text-muted)}.frame-modal-overlay{animation:.25s ease-out streakModalFadeIn;-webkit-backdrop-filter:blur(16px)!important;z-index:999999!important;box-sizing:border-box!important;background:#0a0e1ac7!important;justify-content:center!important;align-items:center!important;padding:1.25rem 1rem!important;display:flex!important;position:fixed!important;inset:0!important}.frame-modal-card{-webkit-backdrop-filter:blur(28px)saturate(180%);text-align:center;box-sizing:border-box;color:#0f172a;scrollbar-width:thin;scrollbar-color:#00000026 transparent;background:#fffffff0;border:1.5px solid #ffffffe6;border-radius:28px;width:100%;max-width:420px;max-height:90vh;padding:1.8rem 1.4rem 1.4rem;animation:.3s cubic-bezier(.175,.885,.32,1.25) streakCardPopIn;position:relative;overflow-y:auto;box-shadow:0 24px 60px #00000040,0 8px 26px #f59e0b33,inset 1px 1px 2px #fff}[data-theme=dark] .frame-modal-card{color:#f8fafc;scrollbar-color:#fff3 transparent;background:#120e18f2;border-color:#ffffff1a;box-shadow:0 28px 70px #000000d9,0 8px 30px #f59e0b40,inset 1px 1px 2px #ffffff1a}.frame-modal-close-btn{color:#64748b;cursor:pointer;z-index:10;background:#f1f5f9;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}[data-theme=dark] .frame-modal-close-btn{color:#94a3b8;background:#ffffff14;border-color:#ffffff1a}.frame-modal-close-btn:hover{color:#fff;background:#e11d48;border-color:#e11d48;transform:rotate(90deg)}.frame-modal-header{margin-bottom:.5rem}.frame-modal-award-circle{background:linear-gradient(135deg,gold 0%,#f59e0b 45%,#d31215 100%);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto .85rem;animation:2s infinite alternate awardCirclePulse;display:flex;box-shadow:0 10px 24px #f59e0b73,inset 0 2px 4px #fff9}@keyframes awardCirclePulse{0%{transform:scale(.96);box-shadow:0 8px 20px #f59e0b59}to{transform:scale(1.05);box-shadow:0 14px 32px #f59e0ba6}}.frame-modal-award-icon{color:#fff;filter:drop-shadow(0 2px 4px #00000059);font-size:2rem}.frame-modal-title{letter-spacing:-.3px;background:linear-gradient(135deg,#f59e0b 0%,#d31215 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.4rem;font-weight:900}.frame-modal-subtitle{color:#64748b;margin:.35rem 0 1rem;font-size:.78rem;font-weight:700}[data-theme=dark] .frame-modal-subtitle{color:#94a3b8}.frame-status-card{text-align:left;background:#fff7edd9;border:1px solid #fed7aacc;border-radius:18px;margin-bottom:1.15rem;padding:.85rem 1rem}[data-theme=dark] .frame-status-card{background:#241410a6;border-color:#9a341259}.frames-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;margin-bottom:1.25rem;display:grid}.frame-grid-item{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;align-items:center;padding:.95rem .6rem .85rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 10px #0000000a}[data-theme=dark] .frame-grid-item{background:#ffffff0a;border-color:#ffffff14;box-shadow:0 4px 12px #00000040}.frame-grid-item.unlocked:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 8px 18px #f59e0b40}[data-theme=dark] .frame-grid-item.unlocked:hover{border-color:#f59e0b;box-shadow:0 8px 22px #f59e0b59}.frame-grid-item:active{transform:scale(.96)}.frame-grid-item.selected{background:#ecfdf5e6;border-color:#10b981!important;box-shadow:0 6px 18px #10b9814d!important}[data-theme=dark] .frame-grid-item.selected{background:#064e3b59;border-color:#10b981!important;box-shadow:0 6px 20px #10b98173!important}.frame-preview-container{margin-bottom:.65rem}.frame-preview-avatar{width:62px;height:62px;position:relative}.frame-preview-avatar img{object-fit:cover;z-index:2;border:2px solid #fff;border-radius:50%;width:100%;height:100%;position:relative}[data-theme=dark] .frame-preview-avatar img{border-color:#1e293b}.frame-ring-border{z-index:1;border-radius:50%;position:absolute;inset:-3px}.frame-ring-border.bronze-scout{border:3px solid #cd7f32;box-shadow:0 0 10px #cd7f3299}.frame-ring-border.neon-explorer{border:3px solid #00e5ff;box-shadow:0 0 12px #00e5ffb3}.frame-ring-border.gold-garuda{border:3px solid gold;box-shadow:0 0 14px #ffd700d9}.frame-grid-item.locked .frame-preview-avatar img{filter:blur(1.5px)grayscale(.7)brightness(.65)}.frame-grid-item.locked .frame-ring-border{filter:blur(1px)opacity(.4)grayscale(.6)}.frame-lock-overlay{-webkit-backdrop-filter:blur(2px);color:#fff;z-index:4;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:absolute;inset:0}@keyframes lockShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.frame-grid-item.locked:active{animation:.4s ease-in-out lockShake}.frame-item-info{flex-direction:column;align-items:center;gap:.3rem;width:100%;display:flex}.frame-name{color:#0f172a;text-align:center;letter-spacing:.2px;font-size:.8rem;font-weight:850;line-height:1.25}[data-theme=dark] .frame-name{color:#f8fafc}.frame-req-pill{text-transform:uppercase;letter-spacing:.4px;border-radius:6px;padding:.18rem .55rem;font-size:.66rem;font-weight:800;line-height:1.3}.frame-req-pill.owned{color:#059669;background:#10b98124;border:1px solid #10b9814d}[data-theme=dark] .frame-req-pill.owned{color:#34d399;background:#10b98133;border-color:#10b98166}.frame-req-pill.needed{color:#dc2626;background:#ef44441a;border:1px solid #ef444440}[data-theme=dark] .frame-req-pill.needed{color:#f87171;background:#ef444433;border-color:#ef444466}.frame-selected-badge{color:#fff;z-index:5;background:#10b981;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 0 10px #10b981b3}[data-theme=dark] .frame-selected-badge{border-color:#1e293b}.frame-modal-action-btn{color:#fff;letter-spacing:.4px;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#d31215 50%,#b91c1c 100%);border:none;border-radius:16px;width:100%;padding:.85rem;font-size:.88rem;font-weight:850;transition:all .2s;box-shadow:0 6px 18px #d3121559}.frame-modal-action-btn:hover{filter:brightness(1.06);transform:translateY(-1.5px);box-shadow:0 8px 24px #d3121573}.frame-modal-action-btn:active{transform:scale(.98)}.announcements-section{flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem;display:flex}.announcements-title-row{border-left:3px solid var(--primary-red);align-items:center;gap:.5rem;margin-bottom:.15rem;padding-left:.5rem;display:flex}.announcements-title-icon{color:var(--primary-red);font-size:1rem}.announcements-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.75rem;font-weight:800}.announcements-slider{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;padding:.25rem .1rem .5rem;display:flex;overflow-x:auto}.announcements-slider::-webkit-scrollbar{display:none}.announcement-card-item{scroll-snap-align:start;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition-all);border-radius:1.25rem;flex-direction:column;flex:0 0 82%;gap:.5rem;padding:1rem;display:flex;position:relative;overflow:hidden}.announcement-card-bg-icon{color:var(--primary-red);opacity:.06;pointer-events:none;z-index:0;transition:var(--transition-all);font-size:5rem;position:absolute;bottom:-15px;right:-10px;transform:rotate(-12deg)}[data-theme=dark] .announcement-card-bg-icon{opacity:.04}.announcement-card-header,.announcement-card-title,.announcement-card-snippet,.announcement-card-footer{z-index:1;position:relative}.announcement-card-item:active{transform:scale(.98)}.announcement-card-header{justify-content:space-between;align-items:center;display:flex}.announcement-badge{letter-spacing:.5px;border-radius:.5rem;padding:.15rem .45rem;font-size:.55rem;font-weight:800}.announcement-badge.badge-important{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.announcement-badge.badge-info{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.announcement-badge.badge-event{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.announcement-date{color:var(--text-muted);font-size:.65rem;font-weight:700}.announcement-card-title{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;text-align:left;margin:0;font-size:.85rem;font-weight:800;line-height:1.3;overflow:hidden}.announcement-card-snippet{color:var(--text-muted);-webkit-line-clamp:2;text-align:left;-webkit-box-orient:vertical;margin:0;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.announcement-card-footer{color:var(--text-muted);align-items:center;margin-top:auto;font-size:.65rem;font-weight:700;display:flex}.announcement-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:99999;background:#0a0e1ac2;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out streakModalFadeIn;display:flex;position:fixed;inset:0}.announcement-modal-card{-webkit-backdrop-filter:blur(28px)saturate(180%);color:#0f172a;text-align:left;box-sizing:border-box;background:#fffffff0;border:1.5px solid #ffffffe6;border-radius:28px;flex-direction:column;gap:1.15rem;width:100%;max-width:420px;padding:1.8rem 1.4rem 1.4rem;animation:.3s cubic-bezier(.175,.885,.32,1.25) streakCardPopIn;display:flex;box-shadow:0 24px 60px #00000040,0 8px 24px #d312152e,inset 1px 1px 2px #fff}[data-theme=dark] .announcement-modal-card{color:#f8fafc;background:#120e18f0;border-color:#ffffff1a;box-shadow:0 28px 70px #000000d9,0 8px 30px #d3121540,inset 1px 1px 2px #ffffff1a}.announcement-modal-header{justify-content:space-between;align-items:center;display:flex}.announcement-modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.1rem;transition:all .2s;display:flex}[data-theme=dark] .announcement-modal-close-btn{color:#94a3b8;background:#ffffff14;border-color:#ffffff1a}.announcement-modal-close-btn:hover{color:#fff;background:#e11d48;border-color:#e11d48;transform:rotate(90deg)}.announcement-modal-title{color:#111;margin:0;font-size:1.15rem;font-weight:800;line-height:1.4}[data-theme=dark] .announcement-modal-title{color:#fff}.announcement-modal-meta{gap:1.25rem;margin-top:-.25rem;display:flex}.meta-item{color:#4b5563;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:flex}[data-theme=dark] .meta-item{color:#9ca3af}.meta-icon{font-size:.85rem}.announcement-modal-divider{border:none;border-top:1px solid #00000014;margin:0}[data-theme=dark] .announcement-modal-divider{border-top:1px solid #ffffff14}.announcement-modal-content{color:#374151;white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.6}[data-theme=dark] .announcement-modal-content{color:#d1d5db}.announcement-modal-ok-btn{color:#fff;letter-spacing:.4px;cursor:pointer;text-align:center;background:linear-gradient(135deg,#ef4444 0%,#d31215 100%);border:none;border-radius:16px;width:100%;margin-top:.5rem;padding:.82rem;font-size:.88rem;font-weight:850;transition:all .2s;box-shadow:0 6px 18px #d3121559}.announcement-modal-ok-btn:hover{filter:brightness(1.06);transform:translateY(-1.5px);box-shadow:0 8px 24px #d3121573}.announcement-modal-ok-btn:active{transform:scale(.98)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-container{background:var(--bg-main);flex-direction:column;gap:0;width:calc(100% + 3rem);min-height:100vh;margin:-1.5rem -1.5rem 0;display:flex}.dashboard-top{color:#fff;background:linear-gradient(#7e0507 0%,#d31215 100%);flex-direction:column;align-items:center;padding:1.5rem 1.5rem .85rem;display:flex;position:relative;overflow:hidden}.dashboard-top:before{content:"";pointer-events:none;z-index:1;opacity:.9;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.8' stroke-opacity='0.08'%3E%3Cpath d='M24 0L48 24L24 48L0 24Z'/%3E%3Cpath d='M0 0L48 48M48 0L0 48'/%3E%3Ccircle cx='24' cy='24' r='1.8' fill='%23ffffff' fill-opacity='0.18'/%3E%3C/g%3E%3C/svg%3E");background-size:48px 48px;animation:32s linear infinite geometricPatternDrift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000f2 0%,#000000a6 50%,#00000040 80%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#000000a6 50%,#00000040 80%,#0000 100%)}.dashboard-top:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(65% 55% at 30% 25%,#ffffff29 0%,#ff787814 45%,#0000 70%),radial-gradient(55% 45% at 75% 35%,#ffc8c824 0%,#0000 65%);width:140%;height:100%;animation:8s ease-in-out infinite alternate ambientLightPulse;position:absolute;top:0;left:-20%;-webkit-mask-image:linear-gradient(#000000f2 0%,#00000080 60%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#00000080 60%,#0000 100%)}.dashboard-top>:not(.wave-container){z-index:2;position:relative}[data-theme=dark] .dashboard-top{background:linear-gradient(#4d0204 0%,#350001 100%)}[data-theme=dark] .dashboard-top:before{opacity:.7}[data-theme=dark] .dashboard-top:after{background:radial-gradient(65% 55% at 30% 25%,#ff64641a 0%,#b4323c0d 45%,#0000 70%),radial-gradient(55% 45% at 75% 35%,#ff969614 0%,#0000 65%)}.dashboard-top>.dashboard-header,.dashboard-header{width:100%;box-shadow:none;background:0 0;border:none;justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:.5rem;padding:0;display:flex;z-index:100!important;pointer-events:auto!important;position:relative!important}.dashboard-header .header-left,.dashboard-header .header-center,.dashboard-header .header-right,.dashboard-header .username-wrapper,.dashboard-header .level-streak-row,.dashboard-header .level-badge-container,.dashboard-header .level-badge,.dashboard-header .streak-info{z-index:105!important;pointer-events:auto!important;position:relative!important}[data-theme=dark] .dashboard-header{box-shadow:none;background:0 0}.header-left,.header-right{flex:none;align-items:center;display:flex}.header-right{justify-content:flex-end}.profile-avatar-container{cursor:pointer;width:44px;height:44px;transition:var(--transition-all);background:#7e0507;border-radius:50%;justify-content:center;align-items:center;animation:3s ease-in-out infinite avatar-breathe;display:flex;position:relative;box-shadow:-3px -3px 6px #ffffff26,3px 3px 6px #00000073}[data-theme=dark] .profile-avatar-container{background:#4d0204;box-shadow:-3px -3px 6px #ffffff0d,3px 3px 6px #000000b3}@keyframes avatar-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.avatar-img{object-fit:cover;z-index:1;border-radius:50%;width:32px;height:32px}.avatar-frame-overlay{pointer-events:none;z-index:2;transition:var(--transition-all);border-radius:50%;position:absolute;inset:-2px}.avatar-frame-overlay.bronze-scout{background:#cd7f320d;border:2px solid #cd7f32;box-shadow:0 0 8px #cd7f3299}.avatar-frame-overlay.neon-explorer{border:2px solid #00e5ff;animation:2s ease-in-out infinite neon-pulse;box-shadow:0 0 10px #00e5ffb3,inset 0 0 5px #00e5ff4d}.avatar-frame-overlay.gold-garuda{border:2px solid gold;animation:1.5s ease-in-out infinite gold-glow;box-shadow:0 0 12px #ffd700cc,inset 0 0 6px #ffd70066}.avatar-frame-overlay.gold-garuda:after{content:"★";color:gold;text-shadow:0 0 3px gold;font-size:.6rem;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.header-center{flex-direction:column;flex:1;align-items:center;padding:0 .5rem;display:flex}.username-wrapper{white-space:nowrap;justify-content:center;width:100%;max-width:150px;margin-bottom:.15rem;display:flex;overflow:hidden}.username-text{letter-spacing:.5px;color:#fff;text-shadow:1px 1px 1px #00000080,-1px -1px 1px #ffffff26;font-size:1.05rem;font-weight:800;display:inline-block}.username-wrapper.overflowing{justify-content:flex-start}.username-wrapper.overflowing .username-text{padding-right:15px;animation:6s ease-in-out infinite alternate marquee-bounce}@keyframes marquee-bounce{0%,15%{transform:translate(0)}85%,to{transform:translateX(var(--scroll-dist))}}.level-streak-row{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.1rem;display:flex}.level-streak-row .streak-info{margin-top:0}.level-badge-container{align-items:center;display:inline-flex;position:relative}.level-badge{color:#7e0507;transition:var(--transition-all);cursor:help;background:linear-gradient(135deg,gold 0%,orange 100%);border:none;border-radius:1rem;align-items:center;gap:3px;padding:.15rem .55rem;font-size:.65rem;font-weight:900;display:flex;box-shadow:0 0 10px #ffd70080,inset 1px 1px 2px #fff6,inset -1px -1px 2px #0000004d}[data-theme=dark] .level-badge{color:#2d0102;background:linear-gradient(135deg,#ffe042 0%,#d48c00 100%);box-shadow:0 0 12px #ffd70066,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #0000004d}.level-badge:hover{transform:scale(1.08)translateY(-.5px);box-shadow:0 0 15px #ffd700cc,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #0003}.level-star-icon{font-size:.65rem;animation:4s linear infinite star-spin}@keyframes star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.level-tooltip{-webkit-backdrop-filter:blur(8px);color:#fff;opacity:0;visibility:hidden;z-index:100;pointer-events:none;background:#161a22f2;border:1px solid #ffd70059;border-radius:.75rem;width:210px;padding:.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(12px)scale(.95);box-shadow:0 8px 24px #00000080}.level-badge-container:hover .level-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(6px)scale(1)}.tooltip-header{color:gold;letter-spacing:.5px;text-align:center;margin-bottom:5px;font-size:.65rem;font-weight:900}.tooltip-xp-info{color:#ffffffe6;text-align:center;margin-bottom:5px;font-size:.6rem;font-weight:700}.tooltip-progress-bg{background:#ffffff26;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.tooltip-progress-fill{background:linear-gradient(90deg,gold 0%,orange 100%);border-radius:3px;width:81.2%;height:100%;box-shadow:0 0 6px #ffd70099}.tooltip-footer{color:#00e5ff;text-align:center;font-size:.55rem;font-weight:700;line-height:1.2}.streak-info{color:#fffffff2;letter-spacing:.5px;transition:var(--transition-all);cursor:pointer;-webkit-user-select:none;user-select:none;background:#7e0507;border:none;border-radius:.75rem;align-items:center;gap:.35rem;margin-top:.35rem;padding:.25rem .65rem;font-size:.65rem;font-weight:800;display:flex;box-shadow:inset -2px -2px 5px #ffffff1f,inset 2px 2px 5px #00000073}[data-theme=dark] .streak-info{background:#4d0204;box-shadow:inset -2px -2px 5px #ffffff0d,inset 2px 2px 5px #000000b3}.streak-info:hover{transform:translateY(-1px);box-shadow:-2px -2px 5px #ffffff26,2px 2px 5px #0006}.streak-info:active{transform:scale(.96)}.streak-icon{color:#00e5ff;filter:drop-shadow(0 0 2px #00e5ff66);font-size:.75rem}.dashboard-header .theme-toggle{cursor:pointer!important;width:38px!important;height:38px!important;transition:var(--transition-all)!important;background:#7e0507!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important;transform:none!important;box-shadow:-3px -3px 6px #ffffff26,3px 3px 6px #00000073!important}[data-theme=dark] .dashboard-header .theme-toggle{background:#4d0204!important;box-shadow:-3px -3px 6px #ffffff0d,3px 3px 6px #000000b3!important}.dashboard-header .theme-toggle:hover{transform:scale(1.03)!important;box-shadow:-4px -4px 8px #fff3,4px 4px 8px #00000080!important}.dashboard-header .theme-toggle:active{transform:scale(.97)!important;box-shadow:inset -2px -2px 5px #ffffff26,inset 2px 2px 5px #00000080!important}.dashboard-header .theme-toggle .icon{font-size:1.15rem;color:#fff!important}.dashboard-header .theme-toggle .sun-icon{filter:drop-shadow(0 0 3px #ffd70066);color:gold!important}.dashboard-header .theme-toggle .moon-icon{filter:drop-shadow(0 0 3px #a5f3fc66);color:#a5f3fc!important}.avatar-image-container{z-index:2;pointer-events:none;background:0 0;justify-content:center;align-items:flex-end;width:100%;height:320px;margin-top:1rem;display:flex}.avatar-body-wrapper{pointer-events:none;justify-content:center;align-items:flex-end;display:inline-flex;position:relative}.avatar-body-hitbox{-webkit-tap-highlight-color:transparent;transition:transform .22s cubic-bezier(.16,1,.3,1),filter .22s}.avatar-body-hitbox:hover{filter:drop-shadow(0 6px 16px #00000040)}.avatar-body-hitbox:active{transform:scale(.97)}.avatar-image{object-fit:contain;height:145%;max-height:460px;margin-bottom:-60px}.xp-display{z-index:2;flex-direction:column;align-items:center;width:100%;margin-top:.25rem;margin-bottom:2.2rem;display:flex}.xp-container-card{width:90%;max-width:340px;box-shadow:none;-webkit-backdrop-filter:none;transition:var(--transition-all);background:0 0;border:none;flex-direction:column;gap:.8rem;padding:.5rem 1.15rem;display:flex}.xp-container-card:hover{transform:translateY(-2px)}.xp-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.xp-badge-wrapper{align-items:center;gap:.55rem;display:flex}.xp-badge-icon-container{background:#0000002e;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative;overflow:visible;box-shadow:4px 4px 8px #0006,-3px -3px 8px #ffffff1a}.xp-badge-bolt{color:gold;filter:drop-shadow(0 0 6px #ffd700cc);font-size:1.05rem;animation:2s ease-in-out infinite boltElectricPulse}.xp-badge-star{color:gold;filter:drop-shadow(0 2px 4px #ffd70066);font-size:1rem}@keyframes boltElectricPulse{0%,to{filter:drop-shadow(0 0 4px gold)drop-shadow(0 0 8px #ffd70080);transform:scale(1)rotate(0)}15%{filter:drop-shadow(0 0 10px #fff36d)drop-shadow(0 0 18px orange);transform:scale(1.18)rotate(-7deg)}20%{filter:drop-shadow(0 0 5px gold);transform:scale(1.02)rotate(2deg)}26%{filter:drop-shadow(0 0 14px #fff)drop-shadow(0 0 22px gold);transform:scale(1.24)rotate(-9deg)}34%{filter:drop-shadow(0 0 5px gold)drop-shadow(0 0 10px #ffd70080);transform:scale(1)rotate(0)}65%{filter:drop-shadow(0 0 7px gold);transform:scale(1.08)rotate(4deg)}}.xp-badge-info{text-align:left;flex-direction:column;line-height:1.1;display:flex}.xp-badge-level{font-family:var(--font-pixel);color:gold;text-shadow:0 1px 2px #0006;font-size:.9rem;font-weight:400}.xp-badge-rank{color:#ffffffd9;text-transform:uppercase;letter-spacing:.3px;font-size:.62rem;font-weight:800}.xp-text-group{align-items:baseline;gap:2px;display:flex}.xp-current-val{font-family:var(--font-pixel);color:#fff;text-shadow:0 2px 4px #0000004d;font-size:1.35rem;font-weight:400}.xp-max-val{color:#ffffffa6;font-size:.75rem;font-weight:700}.xp-progress-section{flex-direction:column;gap:.3rem;width:100%;display:flex}.xp-progress-bar-container{background:#0000001a;border:none;border-radius:6px;width:100%;height:12px;position:relative;overflow:hidden;box-shadow:inset 3px 3px 6px #00000080,inset -2px -2px 5px #ffffff14}.xp-progress-bar-fill{background:linear-gradient(90deg,gold 0%,orange 100%);border-radius:6px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 10px #ffd70080}.xp-progress-glow{background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:2.5s linear infinite progress-shine;position:absolute;inset:0}.xp-progress-footer{justify-content:space-between;align-items:center;width:100%;display:flex}.xp-percentage-tag{font-family:var(--font-pixel);color:gold;font-size:.7rem;font-weight:400}.xp-remaining-tag{color:#ffffffbf;text-transform:uppercase;letter-spacing:.2px;font-size:.65rem;font-weight:800}@keyframes badge-wobble{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(12deg)scale(1.05)}}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.wave-container{z-index:4!important;pointer-events:none!important;width:100%!important;line-height:0!important;position:absolute!important;bottom:-2px!important;left:0!important;right:0!important}.wave-container svg{filter:drop-shadow(0 -4px 6px #00000014);width:100%!important;height:48px!important;display:block!important}[data-theme=dark] .wave-container svg{filter:drop-shadow(0 -6px 10px #00000073)}.dashboard-bottom{background:var(--bg-main);flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex}.status-card,.status-card-cardless{box-sizing:border-box;flex-direction:column;gap:1.15rem;width:100%;display:flex;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}[data-theme=dark] .status-card,[data-theme=dark] .status-card-cardless{box-shadow:none!important;background:0 0!important;border:none!important}.status-row:first-child .status-header svg{transform-origin:50%;animation:1.5s ease-in-out infinite heartbeat}.status-row:last-child .status-header svg{animation:2s ease-in-out infinite level-float}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1)}75%{transform:scale(1.15)}}@keyframes level-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.status-row{flex-direction:column;gap:.35rem;width:100%;margin-bottom:0;display:flex;position:relative}.status-row:last-child{margin-bottom:0}.status-card-bg-icon{display:none!important}.status-header{letter-spacing:.5px;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.78rem;font-weight:800;display:flex}.status-title{color:var(--text-main,#111);letter-spacing:.5px;text-transform:uppercase;font-size:.75rem;font-weight:800}[data-theme=dark] .status-title{color:#fff}.progress-bar-bg{background:var(--progress-bg);border:1px solid var(--border-color);width:100%;height:12px;transition:var(--transition-all);border-radius:6px;padding:2px;overflow:hidden;box-shadow:inset 2px 2px 5px #00000026,inset -2px -2px 5px #ffffff1a}[data-theme=dark] .progress-bar-bg{box-shadow:inset 2px 2px 5px #0006,inset -2px -2px 5px #ffffff08}.progress-bar-fill{border-radius:4px;height:100%;transition:width .5s ease-in-out;position:relative;overflow:hidden}.progress-bar-fill.energy{background:linear-gradient(90deg,#ff2e93 0%,#ff8a00 100%);box-shadow:0 0 8px #ff2e93,0 0 16px #ff2e9366,inset 1px 1px 2px #fff6}.progress-bar-fill.xp{background:linear-gradient(90deg,#8b5cf6 0%,#00e5ff 100%);box-shadow:0 0 8px #8b5cf6,0 0 16px #8b5cf666,inset 1px 1px 2px #fff6}@keyframes neon-shimmer{0%{left:-150%}50%{left:100%}to{left:100%}}.quick-actions{justify-content:space-between;gap:.85rem;width:100%;margin-top:.25rem;display:flex}.action-btn{-webkit-backdrop-filter:blur(16px);cursor:pointer;box-sizing:border-box;background:#ffffffbf;border:1.5px solid #ffffffeb;border-radius:20px;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.65rem;padding:1.15rem .5rem .95rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:6px 6px 14px #a3b1c659,-5px -5px 12px #fffffff2,inset 1px 1px 2px #ffffffd9}[data-theme=dark] .action-btn{background:#181e2cb8;border:1.5px solid #ffffff1a;box-shadow:6px 6px 16px #00000080,-3px -3px 10px #ffffff08,inset 1px 1px 2px #ffffff14}.action-btn:hover{transform:translateY(-4px)scale(1.02)}.action-btn:active{transform:translateY(1px)scale(.98);box-shadow:inset 3px 3px 6px #a3b1c673,inset -3px -3px 6px #fffffff2}[data-theme=dark] .action-btn:active{box-shadow:inset 3px 3px 6px #000000a6,inset -2px -2px 5px #ffffff0a}.action-icon-wrapper{border-radius:15px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex;position:relative}.action-btn:hover .action-icon-wrapper{transform:scale(1.1)rotate(2deg)}.action-icon{font-size:1.45rem;transition:transform .2s}.action-btn.scan,.action-btn.kta-btn{background:linear-gradient(135deg,#ffffffd9 0%,#ecfdf5a6 100%)}[data-theme=dark] .action-btn.scan,[data-theme=dark] .action-btn.kta-btn{background:linear-gradient(135deg,#181e2ccc 0%,#064e3b26 100%)}.action-btn.scan .action-icon-wrapper,.action-btn.kta-btn .action-icon-wrapper{color:#059669;background:linear-gradient(135deg,#10b9812e,#05966914);border:1.5px solid #10b98140;box-shadow:3px 3px 7px #a3b1c638,-2px -2px 5px #ffffffe6,inset 1px 1px 2px #fff9}[data-theme=dark] .action-btn.scan .action-icon-wrapper,[data-theme=dark] .action-btn.kta-btn .action-icon-wrapper{color:#34d399;border-color:#34d3994d;box-shadow:3px 3px 8px #0006,-1px -1px 3px #ffffff08}.action-btn.scan:hover,.action-btn.kta-btn:hover{border-color:#10b98166;box-shadow:8px 10px 22px #10b98138,-5px -5px 14px #fffffffa}[data-theme=dark] .action-btn.scan:hover,[data-theme=dark] .action-btn.kta-btn:hover{border-color:#34d39959;box-shadow:8px 12px 24px #000000a6,0 0 16px #10b98133}.action-btn.misi,.action-btn.leaderboard-btn{background:linear-gradient(135deg,#ffffffd9 0%,#fef3c7a6 100%)}[data-theme=dark] .action-btn.misi,[data-theme=dark] .action-btn.leaderboard-btn{background:linear-gradient(135deg,#181e2ccc 0%,#78350f26 100%)}.action-btn.misi .action-icon-wrapper,.action-btn.leaderboard-btn .action-icon-wrapper{color:#d97706;background:linear-gradient(135deg,#f59e0b2e,#d9770614);border:1.5px solid #f59e0b4d;box-shadow:3px 3px 7px #a3b1c638,-2px -2px 5px #ffffffe6,inset 1px 1px 2px #fff9}[data-theme=dark] .action-btn.misi .action-icon-wrapper,[data-theme=dark] .action-btn.leaderboard-btn .action-icon-wrapper{color:#fbbf24;border-color:#fbbf2459;box-shadow:3px 3px 8px #0006,-1px -1px 3px #ffffff08}.action-btn.misi:hover,.action-btn.leaderboard-btn:hover{border-color:#f59e0b73;box-shadow:8px 10px 22px #f59e0b38,-5px -5px 14px #fffffffa}[data-theme=dark] .action-btn.misi:hover,[data-theme=dark] .action-btn.leaderboard-btn:hover{border-color:#fbbf2459;box-shadow:8px 12px 24px #000000a6,0 0 16px #f59e0b33}.action-btn.chat,.action-btn.lencana-btn{background:linear-gradient(135deg,#ffffffd9 0%,#eef2ffa6 100%)}[data-theme=dark] .action-btn.chat,[data-theme=dark] .action-btn.lencana-btn{background:linear-gradient(135deg,#181e2ccc 0%,#1e3a8a26 100%)}.action-btn.chat .action-icon-wrapper,.action-btn.lencana-btn .action-icon-wrapper{color:#2563eb;background:linear-gradient(135deg,#2563eb2e,#4f46e514);border:1.5px solid #2563eb47;box-shadow:3px 3px 7px #a3b1c638,-2px -2px 5px #ffffffe6,inset 1px 1px 2px #fff9}[data-theme=dark] .action-btn.chat .action-icon-wrapper,[data-theme=dark] .action-btn.lencana-btn .action-icon-wrapper{color:#60a5fa;border-color:#60a5fa59;box-shadow:3px 3px 8px #0006,-1px -1px 3px #ffffff08}.action-btn.chat:hover,.action-btn.lencana-btn:hover{border-color:#2563eb73;box-shadow:8px 10px 22px #2563eb38,-5px -5px 14px #fffffffa}[data-theme=dark] .action-btn.chat:hover,[data-theme=dark] .action-btn.lencana-btn:hover{border-color:#60a5fa59;box-shadow:8px 12px 24px #000000a6,0 0 16px #2563eb33}.action-label{font-family:var(--font-family);color:var(--text-main);letter-spacing:.6px;text-transform:uppercase;font-size:.72rem;font-weight:850}.action-icon{stroke-width:2.5px;font-size:1.35rem}.action-label{color:var(--text-main);letter-spacing:.5px;font-size:.65rem;font-weight:800}.quest-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);border-radius:1.5rem;flex-direction:column;gap:1.5rem;margin-top:.5rem;padding:1.5rem;display:flex}.quest-card-main-title{color:var(--text-main);letter-spacing:1px;text-transform:uppercase;text-align:center;margin:0;font-size:.85rem;font-weight:900}.quest-section{flex-direction:column;gap:.75rem;display:flex}.quest-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-left:3px solid var(--primary-red);margin:0 0 .25rem;padding-left:.5rem;font-size:.75rem;font-weight:800}.quest-item{background:var(--bg-card-alt);-webkit-backdrop-filter:blur(4px);border:1px solid var(--border-color);transition:var(--transition-all);border-radius:1rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:relative;overflow:hidden}.quest-item-bg-icon{pointer-events:none;z-index:0;transition:var(--transition-all);font-size:5rem;position:absolute;bottom:-15px;right:-10px;transform:rotate(-15deg)}.active-bg{color:var(--primary-cyan-hover);opacity:.08}.completed-bg{color:#10b981;opacity:.08}[data-theme=dark] .active-bg,[data-theme=dark] .completed-bg{opacity:.05}.quest-header,.quest-desc,.quest-progress-info,.quest-progress-bar-bg{z-index:1;position:relative}.quest-item:hover{background:#ff4b4b0d;border-color:#ff4b4b33;transform:translate(4px);box-shadow:0 4px 15px #ff4b4b1a}.quest-header{justify-content:space-between;align-items:center;display:flex}.quest-title-row{align-items:center;gap:.5rem;display:flex}.quest-icon{transition:var(--transition-all);font-size:1.1rem}.quest-item:hover .quest-icon{transform:scale(1.15)}.quest-icon.active{color:var(--primary-cyan-hover)}.quest-icon.completed{color:#10b981}.quest-title{color:var(--text-main);margin:0;font-size:.85rem;font-weight:800}.quest-badge{text-transform:uppercase;border-radius:.5rem;padding:.2rem .5rem;font-size:.65rem;font-weight:800}.quest-badge.running{color:var(--primary-cyan-hover);background:#00e5ff1a;border:1px solid #00e5ff33}.quest-badge.done{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.quest-desc{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.4}.quest-progress-info{color:var(--text-main);text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:.25rem;font-size:.7rem;font-weight:800;display:flex}.quest-progress-bar-bg{background:var(--progress-bg);border:1px solid var(--border-color);width:100%;height:10px;transition:var(--transition-all);border-radius:5px;padding:1px;overflow:hidden;box-shadow:inset 2px 2px 5px #00000026,inset -2px -2px 5px #ffffff1a}[data-theme=dark] .quest-progress-bar-bg{box-shadow:inset 2px 2px 5px #0006,inset -2px -2px 5px #ffffff08}.quest-progress-bar-fill{background:linear-gradient(90deg,#00e5ff 0%,#08f 100%);border-radius:4px;height:100%;position:relative;overflow:hidden;box-shadow:0 0 8px #00e5ff,0 0 16px #00e5ff66,inset 1px 1px 2px #fff6}.quest-progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff0 30%,#fff9 50%,#fff0 70%,#0000 100%);width:150%;height:100%;animation:2.5s ease-in-out infinite neon-shimmer;position:absolute;top:0;left:-150%}.action-btn.scan .action-icon{animation:2.5s ease-in-out infinite card-pulse}@keyframes card-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 3px #10b98166);transform:scale(1.12)}}.action-btn.misi .action-icon{animation:2s ease-in-out infinite icon-bounce}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.action-btn.chat .action-icon{animation:3s ease-in-out infinite chat-wiggle}@keyframes chat-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.streak-icon.fire{filter:drop-shadow(0 0 3px #ff572299);font-size:.85rem;animation:1.2s ease-in-out infinite fire-flicker;color:#ff5722!important}@keyframes fire-flicker{0%,to{filter:drop-shadow(0 0 2px #ff572280);transform:scale(1)}50%{filter:drop-shadow(0 0 5px #ff8a00cc);transform:scale(1.15)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}@keyframes neon-pulse{0%,to{border-color:#00e5ff;box-shadow:0 0 8px #00e5ff99,inset 0 0 4px #00e5ff33}50%{border-color:#00e5ff;box-shadow:0 0 16px #00e5ffe6,inset 0 0 8px #00e5ff80}}@keyframes gold-glow{0%,to{border-color:gold;box-shadow:0 0 10px #ffd700b3,inset 0 0 5px #ffd7004d}50%{border-color:orange;box-shadow:0 0 20px gold,inset 0 0 10px #ffd70099}}.navi-bubble{-webkit-backdrop-filter:blur(14px)saturate(180%);color:#0f172a;text-align:center;z-index:100;cursor:pointer;box-sizing:border-box;background:#ffffffd1;border:1.5px solid #f59e0ba6;border-radius:20px;width:max-content;max-width:265px;padding:11px 18px;font-size:.82rem;font-weight:750;line-height:1.4;transition:all .25s cubic-bezier(.16,1,.3,1);animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards bubblePop;position:absolute;top:-75px;left:50%;transform:translate(-50%)scale(0);box-shadow:0 14px 35px #0f172a29,0 2px 8px #0000000a,inset 0 1px 1px #fffffff2}.navi-bubble-text{color:inherit;text-shadow:0 1px #ffffffd9;letter-spacing:-.01em;font-weight:750;display:block}.navi-bubble:hover{background:#ffffffeb;transform:translate(-50%)translateY(-2px)scale(1.02);box-shadow:0 16px 40px #0f172a33,inset 0 1px 1px #fff}.navi-bubble.bubble-env-alert{color:#991b1b;background:#fef2f2e0;border-color:#ef4444d9;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards bubblePop,2s infinite alternate alertBubblePulse;box-shadow:0 12px 35px #ef444440,inset 0 1px 1px #fffc}.navi-bubble.bubble-env-alert .navi-bubble-text{text-shadow:0 1px #ffffffb3}.navi-bubble.bubble-env-alert:after{border-color:#ef4444e6 #0000 #0000!important}@keyframes alertBubblePulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.03);box-shadow:0 14px 38px #ef444459}}.navi-env-badge{cursor:pointer;animation:2s ease-in-out infinite alternate weatherBadgeFloat;box-shadow:0 4px 12px #0000004d}@keyframes weatherBadgeFloat{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.navi-bubble-meta-row{justify-content:center;align-items:center;margin-top:6px;display:flex}.navi-bubble-location-pill{letter-spacing:.3px;color:#047857;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10b98124;border:1px solid #10b98166;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.66rem;font-weight:850;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.navi-bubble-location-pill:hover{background:#10b9813d;border-color:#10b98199;transform:scale(1.04)}.bubble-nav-icon{font-size:.72rem;animation:4s linear infinite navIconSpin}@keyframes navIconSpin{0%{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.navi-bubble-tag-pill{letter-spacing:.3px;color:#d31215;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#d3121514;border:1px solid #d3121538;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.66rem;font-weight:850;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.navi-bubble-tag-pill:hover{background:#d3121529;border-color:#d31215;transform:scale(1.04)}[data-theme=dark] .navi-bubble-tag-pill{color:#f87171;background:#ef444424;border-color:#ef444459}[data-theme=dark] .navi-bubble{-webkit-backdrop-filter:blur(16px)saturate(190%);color:#f8fafc;background:#18181bd6;border-color:#f59e0bbf;box-shadow:0 16px 40px #000000a6,inset 0 1px 1px #ffffff26}[data-theme=dark] .navi-bubble-text{text-shadow:0 1px 3px #000000d9}[data-theme=dark] .navi-bubble:hover{background:#18181bf0;box-shadow:0 18px 45px #000000bf,inset 0 1px 1px #ffffff38}[data-theme=dark] .navi-bubble.bubble-env-alert{color:#fef2f2;background:#450a0ae0;border-color:#f87171d9;box-shadow:0 14px 40px #ef444459,inset 0 1px 1px #ffffff26}[data-theme=dark] .navi-bubble.bubble-env-alert .navi-bubble-text{text-shadow:0 1px 3px #000000e6}[data-theme=dark] .navi-bubble-location-pill{color:#6ee7b7;background:#10b98138;border-color:#34d39980}[data-theme=dark] .navi-bubble-location-pill:hover{background:#10b98152;border-color:#34d399b3}.navi-bubble:after{content:"";border:8px solid #0000;border-top-color:#f59e0bd9;border-bottom-width:0;width:0;margin-left:-8px;display:block;position:absolute;bottom:-8px;left:50%}[data-theme=dark] .navi-bubble:after{border-color:#f59e0bd9 #0000 #0000}@keyframes bubblePop{0%{opacity:0;transform:translate(-50%)scale(0)}70%{opacity:1;transform:translate(-50%)scale(1.1)}to{opacity:1;transform:translate(-50%)scale(1)}}.navi-bounce{animation:3s ease-in-out infinite naviBounce}@keyframes naviBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.avatar-image-container{transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.avatar-image-container.ducking{transform:translateY(65px)}.navi-tired{filter:saturate(.85)brightness(.95);animation:4s ease-in-out infinite naviTiredSway}@keyframes naviTiredSway{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(4px)rotate(-3deg)}70%{transform:translateY(2px)rotate(2deg)}}.navi-critical{filter:saturate(.65)brightness(.85)drop-shadow(0 0 12px #ef444473);animation:2.5s ease-in-out infinite naviCriticalTremble}@keyframes naviCriticalTremble{0%,to{transform:translateY(6px)scale(.96)rotate(0)}20%{transform:translateY(8px)scale(.95)rotate(-2deg)}40%{transform:translateY(5px)scale(.97)rotate(2deg)}60%{transform:translateY(9px)scale(.95)rotate(-1deg)}80%{transform:translateY(6px)scale(.96)rotate(1deg)}}.navi-fainted{filter:grayscale(.55)brightness(.78)drop-shadow(0 0 8px #6b728080);animation:3.5s ease-in-out infinite naviFaintedSleep;transform:translateY(14px)rotate(12deg)scale(.92)}@keyframes naviFaintedSleep{0%,to{transform:translateY(14px)rotate(12deg)scale(.92)}50%{transform:translateY(18px)rotate(10deg)scale(.9)}}.navi-mood-badge{z-index:50;border:1.5px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;animation:1.8s ease-in-out infinite moodBadgePulse;display:flex;position:absolute;top:10px;right:15px;box-shadow:0 4px 12px #00000059}@keyframes moodBadgePulse{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.18)translateY(-4px)}}.navi-sleep-symbol{color:#94a3b8;letter-spacing:2px;text-shadow:0 2px 8px #0009;pointer-events:none;font-size:1.15rem;font-weight:900;animation:2.8s ease-in-out infinite sleepFloat;position:absolute;top:5px;right:25px}@keyframes sleepFloat{0%{opacity:0;transform:translate(0)scale(.7)}50%{opacity:.9;transform:translate(10px,-15px)scale(1)}to{opacity:0;transform:translate(20px,-30px)scale(1.2)}}.navi-bubble.bubble-urgent{color:#991b1b!important;background:#fef2f2e0!important;border-color:#ef4444!important;box-shadow:0 12px 35px #ef444473!important}.navi-bubble.bubble-urgent .navi-bubble-text{text-shadow:0 1px #fffc}.navi-bubble.bubble-urgent:after{border-color:#ef4444 #0000 #0000!important}[data-theme=dark] .navi-bubble.bubble-urgent{color:#fef2f2!important;background:#450a0ae0!important;border-color:#f87171!important;box-shadow:0 14px 40px #ef44448c!important}[data-theme=dark] .navi-bubble.bubble-urgent .navi-bubble-text{text-shadow:0 1px 3px #000000e6}[data-theme=dark] .navi-bubble.bubble-urgent:after{border-color:#f87171 #0000 #0000!important}.p3k-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:99999;background:#0a0e1ac2;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out streakModalFadeIn;display:flex;position:fixed;inset:0}.p3k-modal-card{-webkit-backdrop-filter:blur(28px)saturate(180%);text-align:center;box-sizing:border-box;color:#0f172a;background:#fffffff0;border:1.5px solid #ffffffe6;border-radius:28px;width:100%;max-width:380px;padding:1.8rem 1.4rem 1.4rem;animation:.3s cubic-bezier(.175,.885,.32,1.25) streakCardPopIn;position:relative;box-shadow:0 24px 60px #00000040,0 8px 24px #10b98133,inset 1px 1px 2px #fff}[data-theme=dark] .p3k-modal-card{color:#f8fafc;background:#120e18f0;border-color:#ffffff1a;box-shadow:0 28px 70px #000000d9,0 8px 30px #10b98140,inset 1px 1px 2px #ffffff1a}.p3k-icon-pod{border-radius:50%;justify-content:center;align-items:center;animation:2s infinite alternate fireCirclePulse;display:flex;background:linear-gradient(135deg,#34d399 0%,#10b981 50%,#047857 100%)!important;width:68px!important;height:68px!important;margin:0 auto .85rem!important;box-shadow:0 10px 24px #10b98173,inset 0 2px 4px #fff9!important}.p3k-cross-icon{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);font-size:2rem}.p3k-title{letter-spacing:-.3px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0!important;font-size:1.45rem!important;font-weight:900!important}.p3k-status-card{text-align:left;border-radius:18px;margin-bottom:1.15rem;padding:.85rem 1rem;background:#ecfdf5d9!important;border:1px solid #a7f3d0cc!important}[data-theme=dark] .p3k-status-card{background:#064e3b59!important;border-color:#10b98159!important}.p3k-status-pill{color:#fff;background:#ef4444;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:850;display:inline-flex;box-shadow:0 2px 6px #ef444459}.p3k-boost-info{color:#059669;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;margin-bottom:1.25rem;padding:6px 16px;font-size:.88rem;font-weight:850;display:inline-block}[data-theme=dark] .p3k-boost-info{color:#34d399;background:#10b98133;border-color:#10b98166}.p3k-actions{flex-direction:column;gap:.6rem;display:flex}.p3k-btn-revive{background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;box-shadow:0 6px 18px #10b98159!important}@keyframes p3kFadeIn{0%{opacity:0}to{opacity:1}}@keyframes p3kScaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.streak-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:99999;background:#0a0e1ac2;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out streakModalFadeIn;display:flex;position:fixed;inset:0}@keyframes streakModalFadeIn{0%{opacity:0}to{opacity:1}}.streak-modal-card{-webkit-backdrop-filter:blur(28px)saturate(180%);text-align:center;box-sizing:border-box;color:#0f172a;background:#fffffff0;border:1.5px solid #ffffffe6;border-radius:28px;width:100%;max-width:380px;padding:1.8rem 1.4rem 1.4rem;animation:.3s cubic-bezier(.175,.885,.32,1.25) streakCardPopIn;position:relative;box-shadow:0 24px 60px #00000040,0 8px 24px #ff6b002e,inset 1px 1px 2px #fff}[data-theme=dark] .streak-modal-card{color:#f8fafc;background:#120e18f0;border-color:#ffffff1a;box-shadow:0 28px 70px #000000d9,0 8px 30px #ff6b0040,inset 1px 1px 2px #ffffff1a}@keyframes streakCardPopIn{0%{opacity:0;transform:translateY(16px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}.streak-modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}[data-theme=dark] .streak-modal-close-btn{color:#94a3b8;background:#ffffff14;border-color:#ffffff1a}.streak-modal-close-btn:hover{color:#fff;background:#e11d48;border-color:#e11d48;transform:rotate(90deg)}.streak-modal-fire-circle{background:linear-gradient(135deg,#ff9100 0%,#ff3d00 50%,#d50000 100%);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto .85rem;animation:2s infinite alternate fireCirclePulse;display:flex;box-shadow:0 10px 24px #ff3d0066,inset 0 2px 4px #ffffff80}@keyframes fireCirclePulse{0%{transform:scale(.96);box-shadow:0 8px 20px #ff3d004d}to{transform:scale(1.05);box-shadow:0 14px 30px #ff3d008c}}.streak-modal-fire-icon{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);font-size:2.2rem}.streak-modal-title{letter-spacing:-.3px;background:linear-gradient(135deg,#ff6b00 0%,#e11d48 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.45rem;font-weight:900}.streak-modal-subtitle{color:#64748b;margin:.35rem 0 1rem;font-size:.78rem;font-weight:700}[data-theme=dark] .streak-modal-subtitle{color:#94a3b8}.streak-habit-status-card{text-align:left;background:#fff7edd9;border:1px solid #fed7aacc;border-radius:18px;margin-bottom:1.15rem;padding:.85rem 1rem}[data-theme=dark] .streak-habit-status-card{background:#241410a6;border-color:#9a341259}.habit-status-row{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.habit-status-label{font-size:.8rem;font-weight:800}.habit-status-pill.active{color:#fff;background:#10b981;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:850;display:inline-flex;box-shadow:0 2px 6px #10b98159}.habit-check-icon{font-size:.8rem}.habit-status-desc{color:#64748b;margin:0;font-size:.72rem;line-height:1.45}[data-theme=dark] .habit-status-desc{color:#94a3b8}.streak-milestones-section{text-align:left;margin-bottom:1.25rem}.milestones-title{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin:0 0 .65rem;font-size:.82rem;font-weight:850}[data-theme=dark] .milestones-title{color:#94a3b8}.milestones-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.milestone-item{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:2px;padding:.65rem;transition:all .2s;display:flex}[data-theme=dark] .milestone-item{background:#ffffff0a;border-color:#ffffff14}.milestone-item.reached{background:#fff1f2e6;border-color:#fecdd3;box-shadow:0 4px 12px #f43f5e1f}[data-theme=dark] .milestone-item.reached{background:#3c0a1466;border-color:#e11d4866}.milestone-badge{color:#d97706;font-size:.75rem;font-weight:900}.milestone-item.reached .milestone-badge{color:#e11d48}.milestone-reward{color:#0f172a;font-size:.72rem;font-weight:800}[data-theme=dark] .milestone-reward{color:#f8fafc}.milestone-status{color:#94a3b8;margin-top:2px;font-size:.66rem;font-weight:700}.milestone-item.reached .milestone-status{color:#10b981}.streak-modal-action-btn{color:#fff;letter-spacing:.4px;cursor:pointer;background:linear-gradient(135deg,#ff6b00 0%,#e11d48 100%);border:none;border-radius:16px;width:100%;padding:.8rem;font-size:.86rem;font-weight:850;transition:all .2s;box-shadow:0 6px 18px #e11d4859}.streak-modal-action-btn:hover{filter:brightness(1.06);transform:translateY(-1.5px);box-shadow:0 8px 24px #e11d4873}.streak-modal-action-btn:active{transform:scale(.98)}.header-safety-badge-btn{color:#10b981;cursor:pointer;background:#10b9811a;border:1.5px solid #10b98166;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 8px #10b98126}[data-theme=dark] .header-safety-badge-btn{color:#34d399;background:#10b98126;border-color:#34d39973}.header-safety-badge-btn:hover{background:#10b98133;border-color:#10b981;transform:translateY(-2px)scale(1.06);box-shadow:0 4px 14px #10b98159}.header-safety-badge-btn:active{transform:scale(.94)}.safety-shield-icon{font-size:1.15rem;transition:transform .2s}.safety-check-dot{background:#10b981;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite safePulse;position:absolute;top:6px;right:6px;box-shadow:0 0 6px #10b981}[data-theme=dark] .safety-check-dot{border-color:#1a1a1a}@keyframes safePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.25)}}.sku-book-container{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:680px;height:calc(100vh - 145px);margin:0 auto;padding-bottom:.5rem;animation:.3s ease-in-out fadeIn;display:flex;overflow:hidden}.flipbook-mode{justify-content:center;align-items:center;padding-top:20px;display:flex}.real3d-flipbook .stf__item[style*="display: none"]{display:none!important}.real3d-flipbook{transition:transform .45s cubic-bezier(.25,1,.5,1)}.real3d-flipbook:not(.shift-cover-front):not(.shift-cover-back){box-shadow:0 10px 30px #00000040}@media (width>=640px){.real3d-flipbook.shift-cover-front{transform:translate(-25%)}.real3d-flipbook.shift-cover-back{transform:translate(25%)}}.page-side{box-sizing:border-box;background-color:#faf7f0;background-image:linear-gradient(90deg,#dc262614 0,#0000 1px),repeating-linear-gradient(#0000,#0000 24px,#00000009 25px);background-position:28px 0,0 0;flex-direction:column;width:100%;height:100%;padding:1.25rem 1.15rem 1.75rem 1.25rem;display:flex;overflow-y:hidden;box-shadow:inset 10px 0 16px -6px #00000014,inset -6px 0 12px -6px #0000000a}.hard-cover-style{color:#fde047;background:radial-gradient(at 40% 25%,#ffffff14 0%,#0000 65%),linear-gradient(135deg,#5a0608 0%,#830b0f 35%,#6a080b 70%,#460406 100%);border-radius:2px 8px 8px 2px;position:relative;box-shadow:inset 16px 0 24px -6px #000000b3,inset -4px 0 10px #0000004d,0 12px 30px #00000059;overflow:visible!important}[data-theme=dark] .hard-cover-style{color:#fbbf24;background:radial-gradient(at 40% 25%,#ffffff0d 0%,#0000 65%),linear-gradient(135deg,#3b0304 0%,#68080b 35%,#4e0507 70%,#2a0102 100%)}.empty-page{background-color:#faf7f0;border-left:2px solid #0000001a}.cover-front,.cover-back{background:#fff!important;border-left:none!important;margin:0!important;padding:0!important;overflow:hidden!important;box-shadow:inset 0 0 15px #0000000f,0 12px 30px #0000004d!important}.cover-front{border-radius:2px 8px 8px 2px}.cover-back{border-radius:8px 2px 2px 8px}[data-theme=dark] .cover-front,[data-theme=dark] .cover-back{background:#fff!important}.sku-exact-cover{background-color:#fff;border-radius:2px 8px 8px 2px;width:100%;height:100%;position:relative;overflow:hidden}.sku-exact-cover-back{border-radius:8px 2px 2px 8px}.sku-cover-bg-image{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.sku-cover-card-overlay{box-sizing:border-box;z-index:10;background:#fff;border:2px solid #e67a26;border-radius:14px;flex-direction:column;justify-content:space-around;width:78.1%;height:14.3%;padding:.45rem 1.15rem;display:flex;position:absolute;top:44.4%;left:10.9%;box-shadow:0 4px 12px #0000000f}.sku-card-row{grid-template-columns:74px 18px 1fr;align-items:center;line-height:1.25;display:grid}.sku-card-label{color:#7a0c10;font-family:"Montserrat", "Inter", var(--font-family), sans-serif;letter-spacing:.2px;font-size:.86rem;font-weight:800}.sku-card-colon{color:#7a0c10;text-align:center;font-size:.86rem;font-weight:800}.sku-card-value{color:#7a0c10;font-family:"Montserrat", "Inter", var(--font-family), sans-serif;letter-spacing:.3px;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:800;overflow:hidden}.sku-card-divider{background-color:#f1e5d8;width:100%;height:1px}[data-theme=dark] .sku-cover-card-overlay{background:#fff!important;border-color:#e67a26!important}[data-theme=dark] .sku-cover-card-overlay .sku-card-label,[data-theme=dark] .sku-cover-card-overlay .sku-card-colon,[data-theme=dark] .sku-cover-card-overlay .sku-card-value{color:#7a0c10!important}[data-theme=dark] .sku-cover-card-overlay .sku-card-divider{background-color:#f1e5d8!important}.page-footer-number{text-align:center;color:#9ca3af;pointer-events:none;font-size:.68rem;font-weight:700;position:absolute;bottom:.5rem;left:0;right:0}.inside-profile-section{text-align:center;border-bottom:1px solid #00000014;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.inside-avatar-frame{border:3px solid var(--primary-red);background:var(--bg-card);width:100px;height:100px;box-shadow:var(--shadow-md);border-radius:50%;padding:4px}.inside-avatar-frame img{object-fit:cover;border-radius:50%;width:100%;height:100%}.inside-profile-name{color:#111;margin:0;font-size:1.15rem;font-weight:800}.inside-guidelines h4{color:var(--primary-red);text-transform:uppercase;text-align:left;margin-bottom:.75rem;font-size:.95rem;font-weight:800}.inside-guidelines ul{color:#4b5563;text-align:left;margin:0;padding-left:1.25rem;font-size:.8rem;line-height:1.6}.inside-guidelines li{margin-bottom:.5rem}.book-intro-body{flex-direction:column;flex:1;justify-content:space-between;gap:.55rem;font-family:Poppins,sans-serif;display:flex}.sku-identity-box{background:#fffdf9;border:1.5px solid #ba121526;border-radius:9px;padding:.5rem .75rem;box-shadow:0 1.5px 4px #00000005}.sku-identity-header{border-bottom:1px dashed #ba121533;margin-bottom:.4rem;padding-bottom:.25rem}.sku-identity-badge{color:#ba1215;letter-spacing:.4px;text-transform:uppercase;font-size:.62rem;font-weight:850}.sku-identity-grid{flex-direction:column;gap:.25rem;display:flex}.sku-id-row{grid-template-columns:85px 1fr;font-size:.7rem;line-height:1.25;display:grid}.sku-id-label{color:#64748b;font-weight:600}.sku-id-val{color:#0f172a;word-break:break-word;font-weight:700}.sku-guide-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:.5rem .75rem}.sku-guide-title{color:#334155;letter-spacing:.3px;text-transform:uppercase;margin:0 0 .3rem;font-size:.65rem;font-weight:850}.sku-guide-list{color:#475569;flex-direction:column;gap:.2rem;margin:0;padding-left:1rem;font-size:.63rem;line-height:1.35;display:flex}.sku-motto-box{text-align:center;color:#7a0c10;background:#ba12150d;border-left:3px solid #ba1215;border-radius:7px;padding:.35rem;font-size:.66rem;font-weight:600}.book-page-header{border-bottom:2px solid var(--primary-red);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.4rem;display:flex}.book-page-header h3{color:#111;margin:0;font-size:1.1rem;font-weight:900}.book-page-header .page-badge{color:var(--primary-red);background:#d3121514;border-radius:.5rem;padding:.2rem .65rem;font-size:.65rem;font-weight:800}.book-sku-list{flex-direction:column;flex:1;gap:.25rem;display:flex}.book-sku-item{transition:var(--transition-all);background:#faf9f3;border:1px solid #0000000f;border-radius:.85rem;flex-shrink:0;position:relative;overflow:hidden}.book-sku-item:hover{background:#fffdf9;border-color:#d3121533}.book-sku-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem .6rem;display:flex}.book-sku-num{color:#111;background:#0000000d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:900;display:flex}.book-sku-title{color:#111;text-align:left;flex:1;font-size:.8rem;font-weight:700;line-height:1.3}.book-sku-badge{text-transform:uppercase;border-radius:.4rem;flex-shrink:0;padding:.2rem .5rem;font-size:.6rem;font-weight:800}.book-sku-badge.lulus{color:#10b981;background:#10b9811a}.book-sku-badge.menunggu{color:#f59e0b;background:#f59e0b1a}.book-sku-badge.belum{color:#6b7280;background:#0000000a}.book-sku-details{background:#00000003;border-top:1px dashed #0000000f;flex-direction:column;gap:.75rem;padding:.75rem 1.1rem 1.1rem;display:flex}.book-sku-desc{color:#4b5563;text-align:left;margin:0;font-size:.75rem;line-height:1.4}.book-sku-meta{color:#4b5563;text-align:left;background:#faf8f0;border:1px solid #0000000d;border-radius:.5rem;flex-direction:column;gap:.35rem;padding:.35rem .5rem;font-size:.7rem;display:flex}.book-sku-meta-row{align-items:center;gap:.4rem;display:flex}.book-sku-btn{color:#fff;cursor:pointer;transition:var(--transition-all);background:linear-gradient(135deg,#ff4b4b 0%,#d31215 100%);border:none;border-radius:.5rem;align-self:flex-start;padding:.55rem .85rem;font-size:.75rem;font-weight:800;box-shadow:0 3px 8px #d312152e}.book-sku-btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px #d3121547}.item-verified-border{background:#fafcfa!important;border-color:#10b98140!important;border-left-style:solid!important;border-left-width:3px!important}.sku-stamp-overlay{pointer-events:none;z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)rotate(-8deg)}.stamp-inner-badge{outline-offset:-3px;color:#dc2626;text-align:center;mix-blend-mode:multiply;background:#fef2f26b;border:1.5px solid #dc2626d9;border-radius:5px;outline:1px dashed #dc2626a6;flex-direction:column;align-items:center;gap:1px;padding:.16rem .55rem;display:flex;box-shadow:0 0 2px #dc262633}.stamp-title-top{letter-spacing:.4px;text-transform:uppercase;opacity:.9;font-size:.44rem;font-weight:800;line-height:1.1}.stamp-title-main{letter-spacing:.8px;text-transform:uppercase;font-size:.7rem;font-weight:900;line-height:1.1}.stamp-title-date{letter-spacing:.3px;text-transform:uppercase;opacity:.9;font-size:.44rem;font-weight:700;line-height:1.1}.page-subheading{color:#6b7280;font-size:.62rem;font-weight:600;display:block}.checklist-level-sub{color:#6b7280;font-size:.6rem;font-weight:600;display:block}.sku-simulator-card{background:var(--bg-card);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);color:var(--text-main);z-index:20;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:700;display:flex}.sku-simulator-select{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:.5rem;outline:none;padding:.35rem .75rem;font-weight:800}.sku-checklist-container{flex-direction:column;flex:1;gap:.55rem;display:flex}.sku-checklist-intro{color:#475569;text-align:left;border-bottom:1px solid #ba12151a;margin:0 0 .1rem;padding-bottom:.45rem;font-size:.7rem;line-height:1.4}.checklist-item{background:#fffdf9;border:1px solid #ba12151a;border-left:3.5px solid #cbd5e1;border-radius:10px;flex-direction:column;gap:.35rem;padding:.55rem .75rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1.5px 4px #00000005}.checklist-item.is-passed{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border-color:#10b98140;box-shadow:0 2px 6px #10b9810d}.checklist-item.is-active{border-left-color:var(--primary-red,#ba1215);background:linear-gradient(135deg,#fff 0%,#fef2f2 100%);border-color:#ba121538;box-shadow:0 2px 6px #ba12150d}.checklist-item.is-locked{opacity:.85;background:#f8fafc;border-left-color:#94a3b8}.checklist-item:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0000000d}.checklist-item-header{justify-content:space-between;align-items:center;display:flex}.checklist-title-area{align-items:center;gap:.45rem;display:flex}.checklist-icon-status{flex-shrink:0;font-size:1.05rem}.checklist-icon-status.checked{color:#10b981}.checklist-icon-status.active{color:var(--primary-red,#ba1215)}.checklist-icon-status.locked{color:#94a3b8}.checklist-title-area h5{color:#0f172a;letter-spacing:.2px;margin:0;font-size:.8rem;font-weight:800}.checklist-level-sub{color:#64748b;margin-top:1px;font-size:.6rem;font-weight:600;display:block}.checklist-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:5px;padding:.16rem .5rem;font-size:.56rem;font-weight:800}.checklist-badge.selesai{color:#047857;background:#10b98126;border:1px solid #10b9814d}.checklist-badge.aktif{color:var(--primary-red,#ba1215);background:#ba12151a;border:1px solid #ba121540}.checklist-badge.terkunci{color:#64748b;background:#94a3b826;border:1px solid #94a3b840}.checklist-body{flex-direction:column;gap:.3rem;display:flex}.checklist-action-row{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.1rem;display:flex}.checklist-status-hint{color:#059669;font-size:.65rem;font-weight:700}.checklist-progress-meta{justify-content:space-between;align-items:center;display:flex}.checklist-progress-text{color:#64748b;margin:0;font-size:.65rem;font-weight:600}.checklist-progress-count{color:var(--primary-red,#ba1215);font-size:.68rem;font-weight:800}.checklist-progress-bar-bg{background:#0000000f;border-radius:3px;width:100%;height:5px;overflow:hidden}.checklist-progress-bar-fill{background:linear-gradient(90deg,#ba1215 0%,#ea580c 100%);border-radius:3px;height:100%;transition:width .4s}.checklist-locked-row{color:#94a3b8;margin-top:.1rem;font-size:.65rem;font-style:italic}.checklist-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ba1215 0%,#991b1b 100%);border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .65rem;font-size:.68rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1.5px 4px #ba121538}.checklist-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 3px 8px #ba121552}.checklist-item.is-clickable{cursor:pointer}.checklist-item.is-clickable:hover{border-color:#ba121573;transform:translateY(-2px);box-shadow:0 4px 12px #ba12151f}.checklist-btn.is-active-btn{color:#fff;background:linear-gradient(135deg,#ba1215 0%,#ea580c 100%);border-radius:6px;align-self:flex-start;align-items:center;gap:.35rem;margin-top:.35rem;padding:.35rem .8rem;font-size:.72rem;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #ba121540}.checklist-btn.is-active-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#f97316 100%);transform:translateY(-1px);box-shadow:0 4px 10px #ba121559}.history-header-badge{color:#f59e0b!important;background:#f59e0b1a!important}.history-back-btn{color:#ba1215;cursor:pointer;background:#fef2f2;border:1px solid #ba12154d;border-radius:6px;align-items:center;padding:.22rem .55rem;font-size:.65rem;font-weight:700;transition:all .2s;display:inline-flex}.history-back-btn:hover{color:#fff;background:#ba1215;border-color:#ba1215}.congrats-card{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.congrats-icon-container{color:gold;background:#ffd70026;border:2px solid gold;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:3s ease-in-out infinite floatCongrats;display:flex;box-shadow:0 0 20px #ffd70033}@keyframes floatCongrats{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.congrats-card h3{color:var(--primary-red);margin:0;font-size:1.15rem;font-weight:900}.congrats-card p{color:#4b5563;margin:0;font-size:.75rem;line-height:1.5}@media (width<=480px){.book-viewport{height:100%}.book-wrapper{width:330px;height:98%;max-height:calc(100vh - 105px)}.page-side{padding:1.15rem}.cover-title{font-size:1.5rem}.cover-logo-container{width:60px;height:60px;margin-bottom:.75rem}}@media (width<=360px){.book-wrapper{width:295px;height:98%;max-height:calc(100vh - 105px)}}.cover-progress-bar-bg{background:#00000014;border:1px solid #0000001f;border-radius:6px;width:100%;height:12px;margin-top:.35rem;overflow:hidden;box-shadow:inset 0 1px 3px #00000026}.cover-progress-bar-fill.fire-effect{background:linear-gradient(90deg,#ff3d00 0%,#ff9100 50%,#ffea00 100%) 0 0/200% 100%;border-radius:6px;height:100%;animation:1.5s linear infinite fireGradient,.2s ease-in-out infinite alternate fireFlicker;position:relative;box-shadow:0 0 8px #ff3d0080,inset 0 1px 2px #ffffff4d}.cover-progress-bar-fill.fire-effect:before{content:"";opacity:.6;background-image:radial-gradient(circle,#ffffff4d 10%,#0000 20%);background-size:15px 15px;animation:1.2s linear infinite flameBubbles;position:absolute;inset:0}@keyframes fireGradient{0%{background-position:0%}to{background-position:-200%}}@keyframes fireFlicker{0%{filter:brightness()drop-shadow(0 0 3px #ff3d0080)}to{filter:brightness(1.2)drop-shadow(0 0 6px #ff9100b3)}}@keyframes flameBubbles{0%{background-position:0 0}to{background-position:-30px -15px}}.sku-book-tip{color:var(--text-muted);text-align:center;opacity:.75;letter-spacing:.2px;margin-top:.25rem;padding:0 1rem;font-size:.7rem;font-style:italic;animation:.5s ease-in-out fadeIn}.endorsement-content{text-align:center;flex-direction:column;flex:1;gap:.35rem;padding:0;display:flex;position:relative}.endorsement-watermark{color:#ef444414;pointer-events:none;white-space:nowrap;letter-spacing:2px;z-index:5;border:4px dashed #ef44441f;padding:.5rem 1rem;font-size:2.2rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}.endorsement-statement,.endorsement-statement-footer{color:#4b5563;text-align:justify;margin:0;font-size:.68rem;line-height:1.35}.endorsement-scout-info{background:#faf8f0;border:1px solid #0000000f;border-radius:.4rem;flex-direction:column;gap:.2rem;padding:.35rem .65rem;display:flex}.endorsement-scout-info .info-row{color:#111;justify-content:space-between;font-size:.68rem;display:flex}.endorsement-scout-info .info-row span{color:#6b7280;font-weight:600}.endorsement-date-place{color:#374151;box-sizing:border-box;border-bottom:1px dashed #0000001a;justify-content:flex-end;gap:.75rem;width:100%;margin-top:.1rem;padding:.1rem .2rem;font-size:.62rem;display:flex}.endorsement-date-place span{font-weight:500}.endorsement-date-place strong{color:#111827;font-weight:700}.endorsement-signatures-container{flex-direction:column;gap:.3rem;width:100%;margin-top:.15rem;display:flex}.endorsement-signatures-row{justify-content:space-between;gap:.5rem;width:100%;display:flex}.endorsement-signatures-mabigus{justify-content:center;width:100%;display:flex}.endorsement-signatures-mabigus .sig-col{flex:0 0 65%;max-width:65%}.sig-col{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.sig-title{color:#4b5563;text-align:center;margin-bottom:.1rem;font-size:.6rem;font-weight:700;line-height:1.2}.sig-box{text-align:center;flex-direction:column;align-items:center;width:95%;display:flex;position:relative}.sig-img-container{justify-content:center;align-items:center;width:100%;height:24px;display:flex}.sig-image{object-fit:contain;pointer-events:none;max-width:95px;max-height:22px}.sig-placeholder-space{width:100%;height:24px}.sig-name{color:#111;text-underline-offset:1.5px;white-space:nowrap;font-size:.63rem;font-weight:800;line-height:1.2;text-decoration:underline}.sig-nta{color:#4b5563;white-space:nowrap;margin-top:1px;font-size:.53rem;font-weight:600}.book-spiral{z-index:25;pointer-events:none;flex-direction:column;justify-content:space-between;height:calc(100% - 30px);display:flex;position:absolute;top:15px;left:-8px}.spiral-ring{background:linear-gradient(#f3f4f6 0%,#d1d5db 30%,#9ca3af 60%,#4b5563 100%);border:1px solid #0000001f;border-radius:5px;width:20px;height:9px;transform:rotate(-6deg);box-shadow:2px 1.5px 3px #00000038,inset 0 1px 1px #fff}.book-spiral-container{z-index:50;pointer-events:none;flex-direction:column;justify-content:space-between;width:30px;display:flex;position:absolute;top:30px;bottom:30px}.book-spiral-container.left-side{left:-15px}.book-spiral-container.right-side{right:-15px}.spiral-ring-item{justify-content:center;align-items:center;width:100%;height:16px;display:flex;position:relative}.spiral-hole{background-color:#222;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:inset 1px 1px 3px #000c}.spiral-metal{background:linear-gradient(#f3f4f6 0%,#d1d5db 40%,#9ca3af 60%,#4b5563 100%);border:1px solid #00000026;border-radius:3px;width:30px;height:6px;position:absolute;transform:rotate(-8deg);box-shadow:0 2px 4px #0006,inset 0 1px 1px #fffc}.book-spiral-container.right-side .spiral-hole{right:5px}.book-spiral-container.left-side .spiral-hole{left:5px}.left-page-style{border-left:none!important;border-right:3px solid #00000026!important}.right-page-style{border-left:3px solid #00000026!important;border-right:none!important}.navi-datepicker-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;box-sizing:border-box;background-color:#0f172ab8;justify-content:center;align-items:center;padding:1rem;animation:.2s cubic-bezier(.16,1,.3,1) forwards naviDpFadeIn;display:flex;position:fixed;inset:0}@keyframes naviDpFadeIn{0%{opacity:0}to{opacity:1}}.navi-datepicker-modal{box-sizing:border-box;color:#0f172a;background:#fff;border:1.5px solid #e2e8f0e6;border-radius:20px;width:100%;max-width:340px;padding:1.15rem;font-family:inherit;animation:.24s cubic-bezier(.16,1,.3,1) forwards naviDpPopUp;box-shadow:0 24px 50px -12px #0f172a59,0 10px 25px -5px #0f172a26}[data-theme=dark] .navi-datepicker-modal{color:#f1f5f9;background:#181d28;border-color:#ffffff1f;box-shadow:0 25px 50px -12px #000000d9}@keyframes naviDpPopUp{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.navi-dp-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.navi-dp-title-area{align-items:center;gap:.5rem;display:flex}.navi-dp-icon-box{color:#ba1215;background:#ba12151a;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;display:flex}[data-theme=dark] .navi-dp-icon-box{color:#f87171;background:#ef444426}.navi-dp-title-area h4{color:inherit;letter-spacing:.2px;margin:0;font-size:.95rem;font-weight:800}.navi-dp-close-btn{color:#64748b;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}[data-theme=dark] .navi-dp-close-btn{color:#cbd5e1;background:#ffffff14}.navi-dp-close-btn:hover{color:#fff;background:#ba1215}.navi-dp-nav{background:#f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:4px;display:flex}[data-theme=dark] .navi-dp-nav{background:#0b0f17a6}.navi-dp-nav-arrow{width:28px;height:28px;color:inherit;cursor:pointer;background:#fff;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex;box-shadow:0 1px 3px #00000014}[data-theme=dark] .navi-dp-nav-arrow{box-shadow:none;background:#ffffff14}.navi-dp-nav-arrow:hover:not(:disabled){color:#fff;background:#ba1215}.navi-dp-nav-arrow:disabled{opacity:.3;cursor:not-allowed}.navi-dp-nav-selectors{flex:1;justify-content:center;gap:.35rem;display:flex}.navi-dp-selector-btn{color:inherit;cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:8px;align-items:center;gap:.25rem;padding:.25rem .55rem;font-size:.78rem;font-weight:700;transition:all .18s;display:flex;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .navi-dp-selector-btn{box-shadow:none;background:#ffffff14;border-color:#ffffff14}.navi-dp-selector-btn:hover,.navi-dp-selector-btn.active{color:#fff;background:#ba1215;border-color:#ba1215}.navi-dp-selector-btn .chevron-icon{transition:transform .2s}.navi-dp-selector-btn .chevron-icon.rotate{transform:rotate(180deg)}.navi-dp-body-day{flex-direction:column;gap:.35rem;display:flex}.navi-dp-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.navi-dp-weekday-cell{color:#64748b;text-transform:uppercase;padding:.2rem 0;font-size:.68rem;font-weight:800}[data-theme=dark] .navi-dp-weekday-cell{color:#94a3b8}.navi-dp-weekday-cell.sunday{color:#ef4444}.navi-dp-days-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.navi-dp-day-cell{aspect-ratio:1;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.navi-dp-day-cell.empty{cursor:default;pointer-events:none}.navi-dp-day-cell:hover:not(.empty):not(.selected){color:#ba1215;background:#ba121514}[data-theme=dark] .navi-dp-day-cell:hover:not(.empty):not(.selected){color:#f87171;background:#ffffff14}.navi-dp-day-cell.today{color:#ba1215;border-color:#ba1215}[data-theme=dark] .navi-dp-day-cell.today{color:#f87171;border-color:#f87171}.navi-dp-day-cell.selected{font-weight:800;box-shadow:0 3px 8px #ba121559;color:#fff!important;background:linear-gradient(135deg,#ba1215 0%,#991b1b 100%)!important}.navi-dp-months-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-height:220px;padding:.25rem 0;display:grid}.navi-dp-month-cell{color:inherit;cursor:pointer;background:#f8fafc;border:1px solid #0000000f;border-radius:10px;justify-content:center;align-items:center;gap:.25rem;padding:.55rem .35rem;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}[data-theme=dark] .navi-dp-month-cell{background:#ffffff0f;border-color:#ffffff14}.navi-dp-month-cell:hover:not(.selected){color:#ba1215;background:#ba12151a}.navi-dp-month-cell.selected{color:#fff;background:#ba1215;border-color:#ba1215}.navi-dp-years-grid{scrollbar-width:thin;grid-template-columns:repeat(4,1fr);gap:6px;max-height:220px;padding:.25rem 0;display:grid;overflow-y:auto}.navi-dp-year-cell{color:inherit;cursor:pointer;background:#f8fafc;border:1px solid #0000000f;border-radius:8px;justify-content:center;align-items:center;gap:.2rem;padding:.5rem .2rem;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}[data-theme=dark] .navi-dp-year-cell{background:#ffffff0f;border-color:#ffffff14}.navi-dp-year-cell:hover:not(.selected){color:#ba1215;background:#ba12151a}.navi-dp-year-cell.selected{color:#fff;background:#ba1215;border-color:#ba1215}.navi-dp-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;margin-top:.85rem;padding-top:.65rem;display:flex}[data-theme=dark] .navi-dp-footer{border-top-color:#ffffff14}.navi-dp-today-btn{color:#ba1215;cursor:pointer;background:#ba121514;border:none;border-radius:8px;padding:.35rem .75rem;font-size:.75rem;font-weight:800;transition:all .15s}[data-theme=dark] .navi-dp-today-btn{color:#f87171;background:#ef444426}.navi-dp-today-btn:hover{color:#fff;background:#ba1215}.navi-dp-cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:8px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;transition:all .15s}[data-theme=dark] .navi-dp-cancel-btn{color:#94a3b8;border-color:#ffffff1f}.navi-dp-cancel-btn:hover{color:#0f172a;background:#0000000d}[data-theme=dark] .navi-dp-cancel-btn:hover{color:#fff;background:#ffffff14}.profile-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:2000;background-color:#0f172ab3;justify-content:center;align-items:center;padding:.85rem;animation:.22s cubic-bezier(.16,1,.3,1) forwards fadeInModal;display:flex;position:fixed;inset:0}.edit-modal{width:100%;max-width:480px;max-height:calc(100vh - 40px);color:var(--text-main,#0f172a);scrollbar-width:thin;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0e6;border-radius:24px;padding:1.4rem 1.35rem 1.25rem;animation:.26s cubic-bezier(.16,1,.3,1) forwards popUpModal;position:relative;overflow-y:auto;box-shadow:0 24px 50px -12px #0f172a4d,0 10px 25px -5px #0f172a26}[data-theme=dark] .edit-modal{color:#f1f5f9;background:#181d28;border:1.5px solid #ffffff1a;box-shadow:0 25px 50px -12px #000000bf,0 10px 25px -5px #00000080}.profile-modal-close{color:#64748b;cursor:pointer;z-index:10;background:#0000000d;border:1px solid #0000000f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1.15rem;right:1.15rem}[data-theme=dark] .profile-modal-close{color:#cbd5e1;background:#ffffff14;border-color:#ffffff1a}.profile-modal-close:hover{color:#c62828;background:#c628281f;transform:rotate(90deg)}.profile-modal-close:active{transform:rotate(90deg)scale(.95)}.edit-modal-header{margin-bottom:.9rem;padding-right:2rem}.edit-modal-badge{letter-spacing:.6px;text-transform:uppercase;color:#c62828;background:#c6282814;border:1px solid #c6282833;border-radius:6px;margin-bottom:.35rem;padding:2px 8px;font-size:.65rem;font-weight:800;display:inline-block}[data-theme=dark] .edit-modal-badge{color:#ef5350;background:#ef535029;border-color:#ef53504d}.edit-modal-header h3{color:var(--text-main,#0f172a);letter-spacing:-.2px;margin:0 0 .25rem;font-size:1.18rem;font-weight:800}.edit-modal-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:.78rem;line-height:1.45}.edit-profile-form{flex-direction:column;gap:.75rem;display:flex}.form-group{flex-direction:column;gap:.28rem;min-width:0;display:flex}.form-group-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.form-label-with-icon{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;display:flex}.label-inline-icon{flex-shrink:0;font-size:.95rem}.label-inline-icon.icon-name{color:#2563eb}.label-inline-icon.icon-gender{color:#7c3aed}.label-inline-icon.icon-agama{color:#059669}.label-inline-icon.icon-ttl{color:#0284c7}.label-inline-icon.icon-wa{color:#16a34a}.label-inline-icon.icon-address{color:#ea580c}[data-theme=dark] .label-inline-icon.icon-name{color:#60a5fa}[data-theme=dark] .label-inline-icon.icon-gender{color:#a78bfa}[data-theme=dark] .label-inline-icon.icon-agama{color:#34d399}[data-theme=dark] .label-inline-icon.icon-ttl{color:#38bdf8}[data-theme=dark] .label-inline-icon.icon-wa{color:#4ade80}[data-theme=dark] .label-inline-icon.icon-address{color:#fb923c}.label-text{color:var(--text-main,#1e293b);letter-spacing:.1px;font-size:.8rem;font-weight:700}[data-theme=dark] .label-text{color:#f1f5f9}.required-asterisk{color:#ef4444;margin-left:1px;font-size:.85rem;font-weight:800}.clean-modal-input{box-sizing:border-box;width:100%;min-height:43px;color:var(--text-main,#0f172a);background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;padding:.65rem .85rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #00000008}[data-theme=dark] .clean-modal-input{color:#fff;background:#1e2638b3;border-color:#ffffff24;box-shadow:0 1px 2px #0000004d}.clean-modal-input:hover{background:#fff;border-color:#94a3b8}[data-theme=dark] .clean-modal-input:hover{background:#1e2638e6;border-color:#ffffff40}.clean-modal-input:focus{background:#fff;border-color:#c62828;box-shadow:0 0 0 3px #c6282826}[data-theme=dark] .clean-modal-input:focus{background:#1e2638f2;border-color:#ef5350;box-shadow:0 0 0 3px #ef535040}.clean-modal-input::placeholder{color:#64748b;font-size:.84rem;font-weight:500}[data-theme=dark] .clean-modal-input::placeholder{color:#94a3b8}.clean-modal-textarea{resize:vertical;min-height:64px;padding:.55rem .85rem;line-height:1.45}.custom-select-group{position:relative}.custom-select-wrapper{width:100%;position:relative}.custom-select-trigger{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;display:flex}.custom-select-trigger.placeholder .trigger-label{color:#64748b;font-weight:500}[data-theme=dark] .custom-select-trigger.placeholder .trigger-label{color:#94a3b8}.trigger-chevron{color:#64748b;flex-shrink:0;font-size:1.1rem;transition:transform .25s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .trigger-chevron{color:#94a3b8}.trigger-chevron.rotate{color:#c62828;transform:rotate(180deg)}.custom-select-dropdown{z-index:1000;scrollbar-width:thin;background:#fff;border:1.5px solid #cbd5e1;border-radius:14px;flex-direction:column;gap:2px;max-height:200px;padding:5px;animation:.2s cubic-bezier(.16,1,.3,1) selectDropdownIn;display:flex;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #0f172a33}[data-theme=dark] .custom-select-dropdown{background:#1e2638;border-color:#ffffff1f;box-shadow:0 14px 35px #000000b3}@keyframes selectDropdownIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-select-option{color:var(--text-main,#0f172a);cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;padding:.6rem .8rem;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.custom-select-option:hover{color:#c62828;background:#c6282814;transform:translate(2px)}[data-theme=dark] .custom-select-option:hover{color:#ef5350;background:#ef535026}.custom-select-option.selected{color:#c62828;background:linear-gradient(135deg,#c628281f,#e539351a);border:1px solid #c6282840;font-weight:750}[data-theme=dark] .custom-select-option.selected{color:#ef5350;background:linear-gradient(135deg,#ef535033,#e5393526);border-color:#ef535059}.option-check-icon{color:#c62828;font-size:.95rem}[data-theme=dark] .option-check-icon{color:#ef5350}.custom-datepicker-trigger{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;width:100%;min-height:40px;display:flex}.custom-datepicker-trigger.placeholder .dp-trigger-text{color:#64748b;font-weight:500}[data-theme=dark] .custom-datepicker-trigger.placeholder .dp-trigger-text{color:#94a3b8}.dp-trigger-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dp-trigger-icon{color:#ba1215;flex-shrink:0;margin-left:.5rem;font-size:1.05rem}[data-theme=dark] .dp-trigger-icon{color:#ef5350}.datepicker-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:2500;background-color:#0f172ab3;justify-content:center;align-items:center;padding:1rem;animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeInModal;display:flex;position:fixed;inset:0}.datepicker-modal-content{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0e6;border-radius:22px;width:100%;max-width:350px;padding:1.25rem;animation:.24s cubic-bezier(.16,1,.3,1) forwards popUpModal;box-shadow:0 20px 45px #0f172a4d}[data-theme=dark] .datepicker-modal-content{background:#181d28;border-color:#ffffff1a;box-shadow:0 20px 45px #000000bf}.datepicker-modal-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.dp-header-title{align-items:center;gap:.5rem;display:flex}.dp-header-icon{color:#0284c7;background:#0284c71f;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;display:flex}.dp-header-title h4{color:var(--text-main,#0f172a);margin:0;font-size:1rem;font-weight:800}.dp-close-btn{color:#64748b;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}[data-theme=dark] .dp-close-btn{color:#cbd5e1;background:#ffffff14}.dp-close-btn:hover{color:#fff;background:#c62828;transform:rotate(90deg)}.dp-nav-bar{background:#f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:4px;display:flex}[data-theme=dark] .dp-nav-bar{background:#0b0f1799}.dp-nav-arrow{width:30px;height:30px;color:var(--text-main,#0f172a);cursor:pointer;background:#fff;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .dp-nav-arrow{color:#fff;background:#ffffff14}.dp-nav-arrow:hover:not(:disabled){color:#fff;background:#c62828;transform:scale(1.08)}.dp-nav-arrow:disabled{opacity:.3;cursor:not-allowed}.dp-nav-tabs{flex:1;justify-content:center;gap:.35rem;display:flex}.dp-nav-tab-btn{color:var(--text-main,#0f172a);cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:8px;align-items:center;gap:.25rem;padding:.3rem .6rem;font-size:.8rem;font-weight:750;transition:all .18s;display:flex}[data-theme=dark] .dp-nav-tab-btn{color:#fff;background:#ffffff14;border-color:#ffffff1a}.dp-nav-tab-btn:hover{color:#c62828;background:#c6282814}.dp-nav-tab-btn.active{color:#fff;background:#c62828;border-color:#0000}.dp-nav-tab-btn svg.rotate{transform:rotate(180deg)}.dp-weekdays-row{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:.35rem;display:grid}.dp-weekday-cell{color:var(--text-muted,#64748b);text-transform:uppercase;padding:3px 0;font-size:.7rem;font-weight:800}.dp-weekday-cell.sunday{color:#ef4444}.dp-days-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.dp-day-cell{aspect-ratio:1;color:var(--text-main,#0f172a);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;transition:all .15s;display:flex}.dp-day-cell.empty{pointer-events:none}.dp-day-cell:hover:not(.empty):not(.selected){color:#c62828;background:#c628281a}.dp-day-cell.selected{color:#fff;background:#c62828;font-weight:800}.dp-months-grid,.dp-years-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-height:210px;padding:.35rem 0;display:grid;overflow-y:auto}.dp-month-cell,.dp-year-cell{color:var(--text-main,#0f172a);cursor:pointer;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.65rem .4rem;font-size:.82rem;font-weight:700;transition:all .15s}[data-theme=dark] .dp-month-cell,[data-theme=dark] .dp-year-cell{color:#fff;background:#ffffff0f;border-color:#ffffff14}.dp-month-cell:hover:not(.selected),.dp-year-cell:hover:not(.selected){color:#c62828;background:#c628281a}.dp-month-cell.selected,.dp-year-cell.selected{color:#fff;background:#c62828;border-color:#0000}.dp-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.65rem;display:flex}[data-theme=dark] .dp-footer{border-top-color:#ffffff14}.dp-footer-text{color:var(--text-muted,#64748b);font-size:.74rem;font-weight:700}.dp-today-btn{color:#c62828;cursor:pointer;background:0 0;border:1px solid #c6282859;border-radius:7px;padding:.25rem .65rem;font-size:.74rem;font-weight:800;transition:all .18s}.dp-today-btn:hover{color:#fff;background:#c62828}.edit-modal-actions{gap:.65rem;margin-top:.75rem;padding-top:.5rem;display:flex}.cancel-btn{color:var(--text-muted,#64748b);border:1.5px solid var(--border-color,#cbd5e1);cursor:pointer;background:0 0;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:.88rem;font-weight:700;transition:all .18s;display:flex}[data-theme=dark] .cancel-btn{color:#94a3b8;border-color:#ffffff26}.cancel-btn:hover:not(:disabled){color:var(--text-main,#0f172a);background:#0000000a}[data-theme=dark] .cancel-btn:hover:not(:disabled){color:#fff;background:#ffffff0f}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c62828 0%,#e53935 100%);border:none;border-radius:12px;flex:2;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1.25rem;font-size:.88rem;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #c6282859}.save-btn:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 6px 18px #c6282873}.save-btn:active:not(:disabled){transform:translateY(0)}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=480px){.edit-modal{border-radius:20px;max-height:calc(100vh - 30px);padding:1.2rem 1.1rem 1.1rem}.edit-modal-header h3{font-size:1.12rem}.form-group-grid{gap:.55rem}}@media (width<=360px){.form-group-grid{grid-template-columns:1fr}}.profile-qr-modal-overlay{animation:.25s ease-out forwards qrModalOverlayFadeIn;-webkit-backdrop-filter:blur(16px)!important;z-index:999999!important;box-sizing:border-box!important;background:#0a0e1ac7!important;justify-content:center!important;align-items:center!important;padding:1.25rem 1rem!important;display:flex!important;position:fixed!important;inset:0!important}@keyframes qrModalOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(16px)}}.profile-qr-modal-card{box-sizing:border-box;text-align:center;scrollbar-width:thin;scrollbar-color:#00000026 transparent;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:400px;max-height:90vh;padding:1.8rem 1.4rem 1.4rem;transition:background .3s,border-color .3s,box-shadow .3s;animation:.32s cubic-bezier(.175,.885,.32,1.25) forwards qrModalCardPopIn;display:flex;position:relative;overflow-y:auto}@keyframes qrModalCardPopIn{0%{opacity:0;transform:scale(.88)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.profile-qr-modal-card.modal-theme-light{-webkit-backdrop-filter:blur(28px)saturate(180%);color:#0f172a;background:#fffffff0;border:1.5px solid #ffffffe6;box-shadow:0 24px 60px #00000040,0 8px 26px #ef44442e,inset 1px 1px 2px #fff}.profile-qr-modal-card.modal-theme-dark{-webkit-backdrop-filter:blur(28px)saturate(180%);color:#f8fafc;scrollbar-color:#fff3 transparent;background:#120e18f2;border:1.5px solid #ffffff1a;box-shadow:0 28px 70px #000000d9,0 8px 30px #ef444440,inset 1px 1px 2px #ffffff1a}.profile-qr-close-btn{cursor:pointer;z-index:20;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.15rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:1rem;right:1rem}.modal-theme-light .profile-qr-close-btn{color:#64748b;background:#0000000d;box-shadow:inset 1px 1px 2px #fffc}.modal-theme-dark .profile-qr-close-btn{color:#94a3b8;background:#ffffff14;box-shadow:inset 1px 1px 2px #ffffff1a}.profile-qr-close-btn:hover{color:#e11d48;background:#e11d481f;transform:rotate(90deg)scale(1.08)}.profile-qr-close-btn:active{transform:rotate(90deg)scale(.92)}.profile-qr-modal-header{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:.85rem;display:flex}.profile-qr-hero-pod{background:linear-gradient(135deg,#ef444429 0%,#f59e0b38 100%);border:1.5px solid #f59e0b66;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto .75rem;animation:2.4s ease-in-out infinite alternate qrHeroPodPulse;display:flex;position:relative;box-shadow:0 0 24px #ef444459,inset 1px 1px 3px #fffc}@keyframes qrHeroPodPulse{0%{transform:scale(.98);box-shadow:0 0 16px #ef44444d}to{transform:scale(1.06);box-shadow:0 0 32px #f59e0b8c,0 0 45px #ef444459}}.profile-qr-hero-icon{color:#dc2626;filter:drop-shadow(0 2px 8px #ef444480);font-size:2rem}.modal-theme-dark .profile-qr-hero-icon{color:#f87171}.profile-qr-title{letter-spacing:-.2px;text-transform:uppercase;background:linear-gradient(135deg,#dc2626 0%,#ea580c 50%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .25rem;font-size:1.35rem;font-weight:900}.modal-theme-dark .profile-qr-title{background:linear-gradient(135deg,#f87171 0%,#f59e0b 50%,#fbbf24 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.profile-qr-subtitle{max-width:310px;margin:0 0 .75rem;font-size:.78rem;font-weight:500;line-height:1.35}.modal-theme-light .profile-qr-subtitle{color:#64748b}.modal-theme-dark .profile-qr-subtitle{color:#94a3b8}.profile-qr-theme-bar{justify-content:center;margin-bottom:.4rem;display:flex}.profile-qr-theme-toggle-btn{cursor:pointer;letter-spacing:.3px;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .85rem;font-size:.72rem;font-weight:800;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex}.profile-qr-theme-toggle-btn.light-active{color:#334155;background:#f8fafce6;border:1.5px solid #e2e8f0e6;box-shadow:2px 3px 8px #a3b1c640,-2px -2px 6px #fff,inset 1px 1px 2px #fffc}.profile-qr-theme-toggle-btn.light-active:hover{color:#dc2626;background:#fff;transform:translateY(-1px)}.profile-qr-theme-toggle-btn.dark-active{color:#f8fafc;background:#ffffff1a;border:1.5px solid #ffffff2e;box-shadow:2px 3px 10px #0006,inset 1px 1px 2px #ffffff1a}.profile-qr-theme-toggle-btn.dark-active:hover{color:#f59e0b;background:#ffffff2e;transform:translateY(-1px)}.profile-qr-theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-icon{font-size:.88rem}.theme-toggle-icon.sun{color:#f59e0b;filter:drop-shadow(0 0 4px #f59e0bcc)}.theme-toggle-icon.moon{color:#818cf8}.profile-qr-pod-wrapper{box-sizing:border-box;background:#fff;border-radius:24px;justify-content:center;align-items:center;width:230px;height:230px;margin-bottom:1.15rem;padding:16px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 14px 30px #00000026,0 4px 10px #00000014,inset 0 0 0 1px #0000000d}.profile-qr-pod-wrapper:hover{transform:translateY(-2px)scale(1.02)}.profile-qr-pod-halo{pointer-events:none;z-index:-1;border-radius:30px;animation:4s ease-in-out infinite alternate qrHaloPulse;position:absolute;inset:-7px}.modal-theme-light .profile-qr-pod-halo{background:linear-gradient(135deg,#ffffffd9 0%,#f1f5f999 100%);border:1.5px solid #fffffff2;box-shadow:4px 6px 16px #a3b1c640,-3px -3px 8px #fffffff2}.modal-theme-dark .profile-qr-pod-halo{background:linear-gradient(135deg,#1e1826cc 0%,#14101a99 100%);border:1.5px solid #ffffff1a;box-shadow:6px 8px 20px #00000080,-2px -2px 8px #ffffff08}@keyframes qrHaloPulse{0%{opacity:.85;transform:scale(.99)}to{opacity:1;transform:scale(1.01)}}.qr-corner{pointer-events:none;z-index:5;border-style:solid;border-color:#dc2626;width:20px;height:20px;animation:3s ease-in-out infinite alternate cornerGlint;position:absolute}.qr-corner-tl{border-width:3px 0 0 3px;border-top-left-radius:8px;top:9px;left:9px}.qr-corner-tr{border-width:3px 3px 0 0;border-top-right-radius:8px;top:9px;right:9px}.qr-corner-bl{border-width:0 0 3px 3px;border-bottom-left-radius:8px;bottom:9px;left:9px}.qr-corner-br{border-width:0 3px 3px 0;border-bottom-right-radius:8px;bottom:9px;right:9px}@keyframes cornerGlint{0%{opacity:.7;filter:drop-shadow(0 0 2px #dc26264d)}to{opacity:1;filter:drop-shadow(0 0 6px #dc2626cc)}}.qr-laser-scanner{pointer-events:none;z-index:4;background:linear-gradient(90deg,#0000 0%,#ef4444cc 20%,#ef4444 50%,#ef4444cc 80%,#0000 100%);border-radius:2px;height:3px;animation:2.6s cubic-bezier(.45,0,.55,1) infinite alternate qrLaserScan;position:absolute;left:12px;right:12px;box-shadow:0 0 10px #ef4444,0 0 18px #ef4444b3,0 0 25px #dc262666}@keyframes qrLaserScan{0%{opacity:.25;top:15px}15%{opacity:1}85%{opacity:1}to{opacity:.25;top:calc(100% - 18px)}}.qr-center-emblem{z-index:3;pointer-events:none;background:#fff;border:2px solid #dc2626;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003,inset 0 1px 2px #fffc}.qr-center-icon{color:#dc2626;filter:drop-shadow(0 1px 1px #00000026);font-size:1.15rem}.profile-qr-info-card{text-align:left;box-sizing:border-box;border-radius:18px;align-items:center;gap:.85rem;width:100%;margin-bottom:1.1rem;padding:.8rem 1rem;transition:all .25s;display:flex;position:relative}.modal-theme-light .profile-qr-info-card{background:#f8fafcd9;border:1.5px solid #e2e8f0d9;box-shadow:3px 4px 10px #a3b1c62e,-2px -2px 6px #fff,inset 1px 1px 2px #fffc}.modal-theme-dark .profile-qr-info-card{background:#ffffff0d;border:1.5px solid #ffffff17;box-shadow:3px 4px 12px #00000059,inset 1px 1px 2px #ffffff0f}.profile-qr-info-avatar-box{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.profile-qr-info-avatar{object-fit:cover;border:2px solid #dc2626;border-radius:50%;width:42px;height:42px}.profile-qr-info-meta{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.profile-qr-meta-top{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.profile-qr-info-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.92rem;font-weight:850;overflow:hidden}.modal-theme-light .profile-qr-info-name{color:#0f172a}.modal-theme-dark .profile-qr-info-name{color:#f8fafc}.profile-qr-verified-pill{letter-spacing:.4px;color:#059669;background:#10b98126;border:1px solid #10b98159;border-radius:999px;flex-shrink:0;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.62rem;font-weight:850;display:inline-flex}.modal-theme-dark .profile-qr-verified-pill{color:#34d399}.profile-qr-info-nta{letter-spacing:.3px;color:#dc2626;font-size:.76rem;font-weight:750}.modal-theme-dark .profile-qr-info-nta{color:#f87171}.profile-qr-info-role{text-transform:uppercase;letter-spacing:.4px;font-size:.68rem;font-weight:600}.modal-theme-light .profile-qr-info-role{color:#64748b}.modal-theme-dark .profile-qr-info-role{color:#94a3b8}.profile-qr-action-btn{color:#fff!important;letter-spacing:.5px!important;cursor:pointer!important;text-transform:uppercase!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%)!important;border:1.5px solid #ffffff59!important;border-radius:999px!important;width:100%!important;margin-top:.2rem!important;padding:.85rem 1.4rem!important;font-size:.92rem!important;font-weight:900!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 10px 24px #ef44446b,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #0003!important}.profile-qr-action-btn:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px #ef44448c,inset 1px 1px 2px #ffffffb3!important}.profile-qr-action-btn:active{transform:scale(.97)!important;box-shadow:inset 3px 3px 8px #0000004d!important}.profile-modal-overlay{-webkit-backdrop-filter:blur(16px)saturate(180%);z-index:9999;background:#05050ad1;justify-content:center;align-items:center;padding:1rem;animation:.3s cubic-bezier(.16,1,.3,1) profileModalFadeIn;display:flex;position:fixed;inset:0}@keyframes profileModalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(16px)saturate(180%)}}.profile-adjust-modal-card{-webkit-backdrop-filter:blur(24px)saturate(190%);width:100%;max-width:420px;max-height:90vh;color:var(--text-main,#f8fafc);background:#120e14f0;border:1.5px solid #ffffff1f;border-radius:28px;flex-direction:column;gap:1rem;padding:1.5rem 1.4rem;animation:.36s cubic-bezier(.175,.885,.32,1.25) profileCardPopIn;display:flex;position:relative;overflow:hidden auto;box-shadow:0 28px 70px #000000bf,0 0 45px #ba1a1a38,inset 1px 1px 2px #ffffff24,inset -1px -1px 2px #00000080}.profile-adjust-modal-card:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#ba1a1a5c 0%,#e11d4829 45%,#0000 72%);width:250px;height:160px;animation:5s ease-in-out infinite alternate redAmbientPulse;position:absolute;top:-75px;left:50%;transform:translate(-50%)}@keyframes redAmbientPulse{0%{opacity:.75;transform:translate(-50%)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1.06)}}[data-theme=light] .profile-adjust-modal-card{color:#0f172a;background:#fffffff0;border-color:#fffffff2;box-shadow:0 24px 60px #00000029,0 0 35px #ba1a1a1f,-4px -4px 16px #ffffffe6,inset 1px 1px 2px #fff}[data-theme=light] .profile-adjust-modal-card:before{background:radial-gradient(#ba1a1a38 0%,#e11d4814 50%,#0000 75%)}@keyframes profileCardPopIn{0%{opacity:0;transform:scale(.88)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}.profile-modal-close-btn{width:34px;height:34px;color:var(--text-muted,#94a3b8);cursor:pointer;z-index:10;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:14px;right:14px;box-shadow:0 4px 10px #00000040,inset 1px 1px 1px #ffffff26}[data-theme=light] .profile-modal-close-btn{color:#64748b;background:#f1f5f9;border-color:#e2e8f0;box-shadow:2px 2px 5px #00000014,-2px -2px 5px #fff}.profile-modal-close-btn:hover{color:#fff;background:linear-gradient(135deg,#ba1a1a 0%,#e11d48 100%);border-color:#e11d48;transform:rotate(90deg)scale(1.05);box-shadow:0 4px 14px #ba1a1a80}.profile-adjust-header{z-index:1;align-items:center;gap:.9rem;padding-right:2.2rem;display:flex;position:relative}.profile-adjust-icon-box{color:#fff;background:linear-gradient(135deg,#ba1a1a 0%,#e11d48 100%);border:1px solid #ffffff2e;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.35rem;display:flex;box-shadow:0 8px 20px #ba1a1a73,inset 1px 1px 2px #ffffff59}.profile-adjust-header-text{flex-direction:column;display:flex}.profile-adjust-title{letter-spacing:.3px;margin:0;font-size:1.12rem;font-weight:850}.profile-adjust-subtitle{color:var(--text-muted,#94a3b8);margin:2px 0 0;font-size:.76rem}.profile-adjust-alert{z-index:1;color:#fca5a5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ef444426;border:1px solid #ef444473;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:600;display:flex;position:relative}.profile-adjust-stage-container{z-index:1;flex-direction:column;align-items:center;gap:.65rem;margin:.8rem 0 .2rem;display:flex;position:relative}.profile-adjust-frame{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b0e14;border:3.5px solid #ba1a1a;border-radius:50%;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 12px 36px #000000bf,0 0 35px #ba1a1a6b,inset 0 0 25px #000000e6,inset 0 0 4px #e11d4880}.profile-adjust-frame:hover{border-color:#e11d48;box-shadow:0 14px 40px #000c,0 0 42px #e11d4885,inset 0 0 25px #000000e6}.profile-adjust-frame:active{cursor:grabbing}.profile-adjust-frame.empty-state{cursor:pointer;background:#ba1a1a0a;border:2px dashed #e11d4873;justify-content:center;align-items:center;display:flex}[data-theme=light] .profile-adjust-frame.empty-state{background:#fff1f2;border-color:#ba1a1a66}.profile-empty-prompt{text-align:center;color:var(--text-muted,#94a3b8);flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem;display:flex}.empty-upload-icon{color:#e11d48;filter:drop-shadow(0 4px 10px #e11d4873);font-size:2.6rem;animation:2s ease-in-out infinite emptyIconBounce}@keyframes emptyIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.profile-image-transform-layer{will-change:transform;justify-content:center;align-items:center;width:0;height:0;display:flex;position:absolute;top:50%;left:50%}.profile-source-image{pointer-events:none;max-width:none;max-height:none;display:block}.profile-avatar-guide-overlay{pointer-events:none;z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.profile-guide-circle{border-radius:50%;width:100%;height:100%;position:relative}.profile-guide-crosshair-h{background:#fff6;height:1px;position:absolute;top:50%;left:15%;right:15%;box-shadow:0 0 3px #000c}.profile-guide-crosshair-v{background:#fff6;width:1px;position:absolute;top:15%;bottom:15%;left:50%;box-shadow:0 0 3px #000c}.profile-guide-inner-ring{border:1px dashed #ffffff73;border-radius:50%;position:absolute;inset:18%;box-shadow:inset 0 0 10px #ba1a1a26}.profile-stage-hint{color:var(--text-muted,#94a3b8);text-align:center;letter-spacing:.2px;font-size:.72rem;font-weight:500}.profile-adjust-controls{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:.8rem;padding:.95rem 1.05rem;display:flex;position:relative;box-shadow:inset 1px 1px 2px #ffffff14,inset -1px -1px 3px #0006,0 4px 15px #0003}[data-theme=light] .profile-adjust-controls{background:#f8fafc;border-color:#e2e8f0;box-shadow:inset 2px 2px 5px #e2e8f0,inset -2px -2px 5px #fff}.profile-control-row{align-items:center;gap:.75rem;display:flex}.profile-control-label{color:var(--text-muted,#94a3b8);min-width:62px;font-size:.78rem;font-weight:700}.profile-zoom-bar{flex:1;align-items:center;gap:.55rem;display:flex}.profile-tool-btn{width:32px;height:32px;color:var(--text-main,#f8fafc);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #00000040,inset 1px 1px 1px #ffffff1f}[data-theme=light] .profile-tool-btn{color:#334155;background:#fff;border-color:#cbd5e1;box-shadow:2px 2px 4px #0000000f,-2px -2px 4px #fff}.profile-tool-btn:hover{color:#ff4d6d;background:#ba1a1a38;border-color:#ba1a1a;transform:translateY(-1px);box-shadow:0 4px 10px #ba1a1a4d}.profile-tool-btn:active{transform:translateY(1px);box-shadow:inset 1px 1px 3px #0006}.profile-zoom-slider{accent-color:#e11d48;cursor:pointer;background:#ffffff1f;border-radius:4px;flex:1;height:6px}[data-theme=light] .profile-zoom-slider{background:#cbd5e1}.profile-zoom-badge{text-align:right;color:#ff4d6d;font-variant-numeric:tabular-nums;min-width:44px;font-size:.78rem;font-weight:800}[data-theme=light] .profile-zoom-badge{color:#ba1a1a}.profile-quick-tools{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.profile-tool-pill{color:var(--text-muted,#94a3b8);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 4px;font-size:.68rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #0003,inset 1px 1px 1px #ffffff14}[data-theme=light] .profile-tool-pill{color:#64748b;background:#fff;border-color:#e2e8f0;box-shadow:2px 2px 5px #0000000d,-2px -2px 5px #fff}.profile-tool-pill svg{font-size:1rem}.profile-tool-pill:hover{color:#ff4d6d;background:#ba1a1a29;border-color:#e11d4873;transform:translateY(-1.5px);box-shadow:0 4px 12px #ba1a1a40}.profile-tool-pill.active{color:#ff4d6d;background:#ba1a1a40;border-color:#ba1a1a;box-shadow:0 0 14px #ba1a1a66,inset 1px 1px 2px #fff3}[data-theme=light] .profile-tool-pill.active{color:#ba1a1a;background:#ffe4e6;border-color:#ba1a1a;box-shadow:0 2px 8px #ba1a1a33}.profile-modal-actions{z-index:1;grid-template-columns:1fr 1.6fr;gap:.75rem;margin-top:.3rem;display:grid;position:relative}.profile-btn-change-file{color:var(--text-main,#f8fafc);cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem .95rem;font-size:.86rem;font-weight:750;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #00000040,inset 1px 1px 1px #ffffff26}[data-theme=light] .profile-btn-change-file{color:#334155;background:#f1f5f9;border-color:#cbd5e1;box-shadow:2px 2px 6px #00000012,-2px -2px 6px #fff}.profile-btn-change-file:hover:not(:disabled){background:#ffffff24;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 16px #00000059}.profile-btn-save{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#ba1a1a 0%,#e11d48 100%);border:1px solid #fff3;border-radius:16px;justify-content:center;align-items:center;gap:.55rem;padding:.9rem 1.1rem;font-size:.9rem;font-weight:850;transition:all .25s cubic-bezier(.175,.885,.32,1.2);display:flex;box-shadow:0 8px 25px #ba1a1a7a,inset 1px 1px 2px #ffffff52}.profile-btn-save:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2.5px);box-shadow:0 12px 32px #ba1a1aa6,inset 1px 1px 2px #ffffff73}.profile-btn-save:active:not(:disabled){transform:translateY(1px);box-shadow:0 4px 15px #ba1a1a66,inset 0 2px 4px #0000004d}.profile-btn-save:disabled,.profile-btn-change-file:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.profile-save-spinner{border:2.2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite profileSpin}@keyframes profileSpin{to{transform:rotate(360deg)}}.profile-container{box-sizing:border-box;flex-direction:column;gap:.55rem;width:calc(100% + 3rem);margin:-1.5rem -1.5rem 0;padding:.75rem 1rem 1.25rem;animation:.3s ease-in-out fadeIn;display:flex}.profile-top-bar{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin-bottom:.15rem;display:flex}.profile-back-btn{-webkit-backdrop-filter:blur(12px);color:var(--text-primary);cursor:pointer;background:#ffffffbf;border:1.5px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:4px 4px 10px #a3b1c659,-4px -4px 10px #fffffff2}[data-theme=dark] .profile-back-btn{color:#fff;background:#1a202ea6;border-color:#ffffff1a;box-shadow:4px 4px 10px #00000073,-3px -3px 8px #ffffff08}.profile-back-btn:hover{color:var(--primary-red);transform:scale(1.08)}.profile-back-btn:active{transform:scale(.95)}.profile-main-title{color:var(--text-main);letter-spacing:.4px;margin:0;font-size:1.15rem;font-weight:800}.profile-container h2{color:var(--text-main);margin-bottom:.15rem;font-size:1.15rem;font-weight:800}.profile-header-card{box-sizing:border-box;align-items:center;gap:1.1rem;width:100%;padding:.5rem .2rem .75rem;transition:all .25s;display:flex;position:relative;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;overflow:visible!important}[data-theme=dark] .profile-header-card{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important}.profile-header-card .profile-card-watermark{display:none!important}.profile-avatar-wrapper{flex-shrink:0;width:76px;height:76px;position:relative}.profile-avatar-img{object-fit:cover;border:3px solid var(--bg-card);z-index:2;border-radius:50%;width:100%;height:100%;position:relative}.avatar-glowing-ring{background:linear-gradient(135deg, var(--primary-red) 0%, #ff9f00 50%, var(--primary-cyan) 100%);z-index:1;border-radius:50%;animation:4s linear infinite rotateRing;position:absolute;inset:-3px}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-title-details{flex-direction:column;gap:.25rem;display:flex}.profile-title-details h3{color:var(--text-main);margin:0;font-size:1.35rem;font-weight:900}.profile-email{color:var(--text-muted);margin:0;font-size:.85rem}.profile-member-tag{background:var(--bg-card-alt);border:1px solid var(--border-color);color:var(--text-main);border-radius:.5rem;align-self:flex-start;margin-top:.5rem;padding:.2rem .65rem;font-size:.72rem;font-weight:800;display:inline-block}.profile-stats-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem;display:grid}@media (width<=600px){.profile-stats-grid{grid-template-columns:minmax(0,1fr)}.profile-header-card{text-align:center;flex-direction:column;gap:.75rem;padding:.65rem .25rem .85rem;box-shadow:none!important;background:0 0!important;border:none!important}.profile-member-tag{align-self:center}}.profile-stats-card{flex-direction:column;gap:.55rem;transition:all .25s;display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(16px)!important;background:#ffffffbf!important;border:1.5px solid #ffffffe6!important;border-radius:18px!important;padding:.85rem 1rem!important;box-shadow:6px 6px 14px #a3b1c659,-6px -6px 14px #ffffffe6,inset 1px 1px 2px #fffc!important}[data-theme=dark] .profile-stats-card{background:#161a22b3!important;border:1.5px solid #ffffff1a!important;box-shadow:6px 6px 14px #00000073,-4px -4px 10px #ffffff08,inset 1px 1px 2px #ffffff14!important}.profile-stats-card h4,.profile-badge-showcase h4{color:var(--text-main);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;margin:0;padding-bottom:.35rem;font-size:.9rem;font-weight:800}.stats-list{flex-direction:column;gap:.4rem;display:flex}.stats-list-item{-webkit-backdrop-filter:blur(14px);border-radius:12px;align-items:center;gap:.75rem;padding:.55rem .8rem;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative}[data-theme=light] .stats-list-item{background:#ffffffbf;border:1px solid #fffffff2;box-shadow:3px 3px 8px #a6b4c840,-3px -3px 8px #fffffff2,inset 0 1px 1px #fffc}[data-theme=dark] .stats-list-item{background:#1a202e8c;border:1px solid #ffffff12;box-shadow:4px 4px 10px #0006,-2px -2px 6px #ffffff05,inset 0 1px 1px #ffffff0d}.stats-list-item:hover{transform:translateY(-2px)}[data-theme=light] .stats-list-item:hover{background:#ffffffeb;box-shadow:5px 5px 12px #a6b4c859,-4px -4px 10px #fff}[data-theme=dark] .stats-list-item:hover{background:#1e2638bf;box-shadow:5px 5px 14px #0000008c,-3px -3px 9px #ffffff0a}.item-icon-box{-webkit-backdrop-filter:blur(8px);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:1.2rem;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex;position:relative}[data-theme=light] .item-icon-box{box-shadow:3px 3px 7px #a6b4c840,-2px -2px 6px #fffffff2}[data-theme=dark] .item-icon-box{box-shadow:3px 3px 8px #0006,-1px -1px 4px #ffffff08}.item-icon-box svg{width:20px;height:20px}.stats-list-item:hover .item-icon-box{transform:scale(1.08)}.item-icon-box.icon-name{color:#2563eb;background:linear-gradient(135deg,#2563eb1f,#3b82f60f);border:1px solid #2563eb2e}[data-theme=dark] .item-icon-box.icon-name{color:#60a5fa;background:linear-gradient(135deg,#3b82f638,#2563eb1a);border-color:#60a5fa4d}.item-icon-box.icon-sku{color:#d97706;background:linear-gradient(135deg,#d9770624,#f59e0b0f);border:1px solid #d9770638}[data-theme=dark] .item-icon-box.icon-sku{color:#fbbf24;background:linear-gradient(135deg,#f59e0b38,#d977061a);border-color:#fbbf244d}.item-icon-box.icon-gender{color:#7c3aed;background:linear-gradient(135deg,#7c3aed1f,#8b5cf60f);border:1px solid #7c3aed2e}[data-theme=dark] .item-icon-box.icon-gender{color:#a78bfa;background:linear-gradient(135deg,#8b5cf638,#7c3aed1a);border-color:#a78bfa4d}.item-icon-box.icon-ttl{color:#0284c7;background:linear-gradient(135deg,#0284c71f,#0ea5e90f);border:1px solid #0284c72e}[data-theme=dark] .item-icon-box.icon-ttl{color:#38bdf8;background:linear-gradient(135deg,#0ea5e938,#0284c71a);border-color:#38bdf84d}.item-icon-box.icon-agama{color:#059669;background:linear-gradient(135deg,#0596691f,#10b9810f);border:1px solid #0596692e}[data-theme=dark] .item-icon-box.icon-agama{color:#34d399;background:linear-gradient(135deg,#10b98138,#0596691a);border-color:#34d3994d}.item-icon-box.icon-wa{color:#16a34a;background:linear-gradient(135deg,#16a34a24,#22c55e0f);border:1px solid #16a34a33}[data-theme=dark] .item-icon-box.icon-wa{color:#4ade80;background:linear-gradient(135deg,#22c55e38,#16a34a1a);border-color:#4ade804d}.item-icon-box.icon-address{color:#ea580c;background:linear-gradient(135deg,#ea580c1f,#f973160f);border:1px solid #ea580c2e}[data-theme=dark] .item-icon-box.icon-address{color:#fb923c;background:linear-gradient(135deg,#f9731638,#ea580c1a);border-color:#fb923c4d}.item-icon-box.icon-binaan{color:#4f46e5;background:linear-gradient(135deg,#4f46e524,#6366f10f);border:1px solid #4f46e538}[data-theme=dark] .item-icon-box.icon-binaan{color:#818cf8;background:linear-gradient(135deg,#6366f138,#4f46e51a);border-color:#818cf84d}.item-icon-box.icon-sku-valid{color:#10b981;background:linear-gradient(135deg,#10b98124,#0596690f);border:1px solid #10b98138}[data-theme=dark] .item-icon-box.icon-sku-valid{color:#34d399;background:linear-gradient(135deg,#10b98138,#0596691a);border-color:#34d3994d}.item-icon-box.icon-tugas{color:#e11d48;background:linear-gradient(135deg,#e11d4824,#b71c1c0f);border:1px solid #e11d4838}[data-theme=dark] .item-icon-box.icon-tugas{color:#fb7185;background:linear-gradient(135deg,#e11d4838,#b71c1c1a);border-color:#fb71854d}.stats-list-item .item-icon{color:var(--primary-red);background:#d3121514;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;display:flex}.stats-list-item .item-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.stats-list-item .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:700}.stats-list-item .val{color:var(--text-main);letter-spacing:-.1px;word-break:break-word;font-size:.95rem;font-weight:800;line-height:1.35}.stats-list-item .val.val-empty{color:#94a3b8;font-size:.88rem;font-style:italic;font-weight:500}[data-theme=dark] .stats-list-item .val.val-empty{color:#64748b}.val-badge-container{align-items:center;margin-top:2px;display:flex}.sku-rank-badge{color:#92400e;letter-spacing:.2px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 1px 3px #d977061a}[data-theme=dark] .sku-rank-badge{color:#fef08a;background:linear-gradient(135deg,#f59e0b38,#d9770626);border-color:#f59e0b59;box-shadow:0 2px 6px #0003}.sku-rank-badge .sku-badge-icon{font-size:.85rem}.stats-progress-section{flex-direction:column;gap:1rem;display:flex}.progress-bar-group{flex-direction:column;gap:.35rem;display:flex}.progress-bar-labels{justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;display:flex}.progress-bar-labels .label{color:var(--text-main);align-items:center;display:flex}.progress-bar-labels .val{color:var(--text-muted)}.progress-bg{background:#090b10;border:none;border-radius:5px;width:100%;height:10px;overflow:hidden;box-shadow:inset 2px 2px 4px #030406,inset -2px -2px 4px #10141b}[data-theme=light] .progress-bg{background:#e6ebf0;border:none;box-shadow:inset 2px 2px 4px #c4cbd4,inset -2px -2px 4px #fff}.progress-fill{border-radius:5px;height:100%;transition:width .5s ease-in-out}.hp-fill{background:linear-gradient(90deg,#ff6b6b 0%,#ef4444 100%);box-shadow:0 0 6px #ef44444d}.xp-fill{background:linear-gradient(90deg,#34d399 0%,#10b981 100%);box-shadow:0 0 6px #10b9814d}.sku-fill{background:linear-gradient(90deg,#60a5fa 0%,#3b82f6 100%);box-shadow:0 0 6px #3b82f64d}.profile-badge-showcase{border-radius:var(--border-radius-lg);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px)!important;background:#161a2273!important;border:1px solid #ffffff14!important;box-shadow:0 8px 32px #0000004d!important}[data-theme=light] .profile-badge-showcase{background:#ffffff73!important;border:1px solid #0000000d!important;box-shadow:0 8px 32px #1f26870f!important}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;display:grid}.badge-grid-item{text-align:center;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-all);background:#0b0e14;border:none;flex-direction:column;align-items:center;padding:.75rem .5rem;display:flex;box-shadow:4px 4px 10px #040608,-4px -4px 10px #121620}[data-theme=light] .badge-grid-item{background:#f0f4f8;border:none;box-shadow:4px 4px 10px #d1d9e2,-4px -4px 10px #fff}.badge-grid-item:hover{transform:scale(.97);box-shadow:inset 3px 3px 6px #040608,inset -3px -3px 6px #121620}[data-theme=light] .badge-grid-item:hover{box-shadow:inset 3px 3px 6px #cbd5e1,inset -3px -3px 6px #fff}.badge-icon-frame{background:var(--bg-card);border:2px solid var(--border-color);width:48px;height:48px;transition:var(--transition-all);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;font-size:1.5rem;display:flex}.badge-grid-item.unlocked .badge-icon-frame{border-color:var(--badge-glow);box-shadow:0 0 10px var(--badge-glow)}.badge-lock-icon{color:#9ca3af;font-size:1.15rem}.badge-name{color:var(--text-main);font-size:.7rem;font-weight:800;line-height:1.2}.badge-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:99999;background:#0a0e1ac2;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out streakModalFadeIn;display:flex;position:fixed;inset:0}.badge-modal-content{-webkit-backdrop-filter:blur(28px)saturate(180%);text-align:center;box-sizing:border-box;color:#0f172a;background:#fffffff0;border:1.5px solid #ffffffe6;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:1.8rem 1.4rem 1.4rem;animation:.3s cubic-bezier(.175,.885,.32,1.25) streakCardPopIn;display:flex;position:relative;box-shadow:0 24px 60px #00000040,0 8px 24px #f59e0b2e,inset 1px 1px 2px #fff}[data-theme=dark] .badge-modal-content{color:#f8fafc;background:#120e18f0;border-color:#ffffff1a;box-shadow:0 28px 70px #000000d9,0 8px 30px #f59e0b40,inset 1px 1px 2px #ffffff1a}.badge-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}[data-theme=dark] .badge-modal-close{color:#94a3b8;background:#ffffff14;border-color:#ffffff1a}.badge-modal-close:hover{color:#fff;background:#e11d48;border-color:#e11d48;transform:rotate(90deg)}.badge-modal-header{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.badge-modal-icon-bg{width:80px;height:80px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}.badge-modal-header h3{color:var(--text-main);margin:0;font-size:1.2rem;font-weight:900}.badge-status-pill{text-transform:uppercase;border-radius:.5rem;padding:.15rem .55rem;font-size:.65rem;font-weight:800}.badge-status-pill.unlocked{color:#10b981;background:#10b98126;border:1px solid #10b98140}.badge-status-pill.locked{color:#9ca3af;background:#0000000d;border:1px solid #00000014}.badge-modal-desc{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.5}.profile-actions{box-sizing:border-box;flex-direction:column;gap:.65rem;width:100%;margin-top:.45rem;display:flex}.profile-settings-btn{-webkit-backdrop-filter:blur(14px);width:100%;color:var(--text-main);letter-spacing:.4px;cursor:pointer;box-sizing:border-box;background:#ffffffc7;border:1.5px solid #ffffffe6;border-radius:16px;justify-content:center;align-items:center;gap:.55rem;padding:.82rem 1.1rem;font-size:.88rem;font-weight:800;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:4px 4px 10px #a3b1c659,-4px -4px 10px #ffffffe6,inset 1px 1px 2px #fffc}[data-theme=dark] .profile-settings-btn{color:#fff;background:#1a202eb8;border:1.5px solid #ffffff1a;box-shadow:4px 4px 10px #0006,-3px -3px 8px #ffffff08,inset 1px 1px 2px #ffffff14}.profile-settings-btn:hover{transform:translateY(-2px);box-shadow:6px 6px 14px #a3b1c673,-5px -5px 12px #fff}[data-theme=dark] .profile-settings-btn:hover{box-shadow:6px 6px 14px #0000008c,-4px -4px 10px #ffffff0d}.profile-settings-btn:active{transform:translateY(1px)scale(.98);box-shadow:inset 2px 2px 5px #00000026,inset -2px -2px 5px #ffffff80}.profile-edit-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex;box-shadow:2px 2px 5px #0000001a,-2px -2px 5px #ffffff0d}[data-theme=light] .profile-edit-btn{box-shadow:2px 2px 5px #0000000d,-2px -2px 5px #fffc}.profile-edit-btn:hover{background:var(--bg-primary);color:var(--primary-red);border-color:#d312154d;transform:translateY(-2px)}.profile-logout-btn{letter-spacing:.5px;text-shadow:0 1px 2px #00000059;cursor:pointer;box-sizing:border-box;border:1.5px solid #ffffff73;border-radius:16px;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.82rem 1.1rem;font-size:.88rem;font-weight:800;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 18px #ba121559,inset 1.5px 1.5px 3px #ffffff80,inset -2px -2px 5px #0000004d,4px 4px 10px #a3b1c659,-4px -4px 10px #ffffffd9;-webkit-backdrop-filter:blur(14px)!important;color:#fff!important;background:linear-gradient(135deg,#e11d48f2 0%,#b71c1cf5 100%)!important}[data-theme=dark] .profile-logout-btn{border:1.5px solid #ffffff40;box-shadow:0 6px 20px #ba121573,inset 1.5px 1.5px 3px #ffffff59,inset -2px -2px 6px #0000008c,4px 4px 10px #0006;background:linear-gradient(135deg,#be123cf2 0%,#991b1bf5 100%)!important}.profile-logout-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #ba121573,inset 2px 2px 4px #fff9,inset -2px -2px 6px #00000059,6px 6px 14px #a3b1c673,-5px -5px 12px #fffffff2}.profile-logout-btn:active{transform:translateY(1px)scale(.98);box-shadow:0 4px 12px #ba12154d,inset 3px 3px 6px #0006,inset -2px -2px 5px #ffffff4d}.profile-card-watermark{color:var(--text-main);opacity:.035;pointer-events:none;z-index:0;font-size:6rem;position:absolute;bottom:-15px;right:-10px;transform:rotate(-15deg)}.avatar-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.avatar-modal-content{justify-content:center;align-items:center;max-width:90vw;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;position:relative}.avatar-modal-img{border:3px solid #ffffff1a;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:80vh;box-shadow:0 10px 40px #000000b3}.avatar-modal-close{color:#fff;cursor:pointer;transition:var(--transition-all);background:0 0;border:none;font-size:1.75rem;position:absolute;top:-2.5rem;right:0}.avatar-modal-close:hover{color:var(--primary-red);transform:rotate(90deg)}.avatar-frame-edit-badge{background:linear-gradient(135deg, var(--primary-red) 0%, #d31215 100%);border:2px solid var(--bg-card);color:#fff;z-index:5;width:28px;height:28px;transition:var(--transition-all);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #d3121566}.avatar-frame-edit-badge:hover{background:linear-gradient(135deg,#ff4d4d 0%,#ef4444 100%);transform:scale(1.15);box-shadow:0 4px 12px #d3121599}.avatar-photo-edit-badge{background:linear-gradient(135deg, var(--primary-cyan) 0%, #0d9488 100%);border:2px solid var(--bg-card);color:#fff;z-index:5;cursor:pointer;width:28px;height:28px;transition:var(--transition-all);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 2px 8px #0d948866}.avatar-photo-edit-badge:hover{background:linear-gradient(135deg,#2dd4bf 0%,#0d9488 100%);transform:scale(1.15);box-shadow:0 4px 12px #0d948899}.frame-ring-border.none,.avatar-glowing-ring.frame-none{box-shadow:none;background:0 0;border:1.5px dashed #ffffff40}[data-theme=light] .frame-ring-border.none,[data-theme=light] .avatar-glowing-ring.frame-none{border:1.5px dashed #00000040}.frame-ring-border.bronze-scout,.avatar-glowing-ring.frame-bronze-scout{background:#cd7f320d;border:3px solid #cd7f32;box-shadow:0 0 10px #cd7f3299}.frame-ring-border.neon-explorer,.avatar-glowing-ring.frame-neon-explorer{border:3px solid #00e5ff;animation:2s ease-in-out infinite neonPulse;box-shadow:0 0 12px #00e5ffcc,inset 0 0 6px #00e5ff4d}.frame-ring-border.gold-garuda,.avatar-glowing-ring.frame-gold-garuda{border:3px solid gold;animation:1.5s ease-in-out infinite goldGlow;box-shadow:0 0 14px #ffd700cc,inset 0 0 8px #ffd70066}@keyframes neonPulse{0%,to{filter:brightness()drop-shadow(0 0 2px #00e5ff80)}50%{filter:brightness(1.2)drop-shadow(0 0 8px #00e5ffe6)}}@keyframes goldGlow{0%,to{filter:brightness()drop-shadow(0 0 3px #ffd70099)}50%{filter:brightness(1.25)drop-shadow(0 0 10px #ffd700e6)}}.profile-header-qrcode-btn{-webkit-backdrop-filter:blur(14px);color:var(--text-main);cursor:pointer;z-index:5;background:#ffffffc7;border:1.5px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.15rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:.4rem;right:.4rem;box-shadow:4px 4px 10px #a3b1c659,-4px -4px 10px #fffffff2,inset 1px 1px 2px #fffc}[data-theme=dark] .profile-header-qrcode-btn{background:#1a202cc7;border:1.5px solid #ffffff1f;box-shadow:4px 4px 12px #00000080,-3px -3px 8px #ffffff0a,inset 1px 1px 2px #ffffff1a}.profile-header-qrcode-btn:hover{color:var(--primary-red);transform:scale(1.08);box-shadow:6px 6px 14px #a3b1c673,-4px -4px 12px #fff}[data-theme=dark] .profile-header-qrcode-btn:hover{box-shadow:6px 6px 16px #000000a6,-3px -3px 10px #ffffff0f}.profile-stats-column{flex-direction:column;gap:.55rem;width:100%;display:flex}.attendance-card{border-radius:var(--border-radius-lg);background:#0b0e14;border:none;flex-direction:column;gap:1.25rem;width:100%;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px 16px #040608,-6px -6px 16px #121620}[data-theme=light] .attendance-card{background:#f0f4f8;border:none;box-shadow:6px 6px 16px #d1d9e2,-6px -6px 16px #fff}.attendance-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.85rem;display:flex}.attendance-title-area{text-align:left;flex-direction:column;gap:.25rem;display:flex}.attendance-title-area h4{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.95rem;font-weight:800}.attendance-subtitle{color:var(--text-muted);font-size:.78rem;font-weight:600}.attendance-year-stepper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;background:#090b10d9;border:1px solid #ffffff0d;border-radius:2rem;align-items:center;gap:.3rem;padding:.22rem .28rem;display:inline-flex;box-shadow:inset 2px 2px 5px #030406,inset -2px -2px 5px #121722}[data-theme=light] .attendance-year-stepper{background:#e6ebf0e6;border:1px solid #fffc;box-shadow:inset 2px 2px 5px #c4cbd4,inset -2px -2px 5px #fff}.attendance-year-stepper .stepper-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#0f131a;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:2px 2px 5px #040608,-2px -2px 5px #181f2a}.attendance-year-stepper .stepper-btn:hover:not(:disabled){color:var(--primary-cyan);transform:scale(1.06);box-shadow:2px 2px 6px #040608,-2px -2px 6px #202938}.attendance-year-stepper .stepper-btn:active:not(:disabled){color:var(--primary-cyan);transform:scale(.92);box-shadow:inset 2px 2px 4px #030406,inset -2px -2px 4px #1a222e}.attendance-year-stepper .stepper-btn:disabled{opacity:.22;cursor:not-allowed;box-shadow:none;pointer-events:none}[data-theme=light] .attendance-year-stepper .stepper-btn{color:#64748b;background:#f0f4f8;box-shadow:2px 2px 5px #d1d9e2,-2px -2px 5px #fff}[data-theme=light] .attendance-year-stepper .stepper-btn:hover:not(:disabled){color:#0284c7;box-shadow:2px 2px 6px #c5d0dc,-2px -2px 6px #fff}[data-theme=light] .attendance-year-stepper .stepper-btn:active:not(:disabled){color:#0284c7;box-shadow:inset 2px 2px 4px #cbd5e1,inset -2px -2px 4px #fff}.attendance-year-stepper .stepper-year-display{align-items:center;gap:.35rem;padding:0 .35rem;display:flex}.attendance-year-stepper .stepper-year-number{letter-spacing:.5px;color:var(--primary-cyan);font-size:.85rem;font-weight:850;animation:.25s cubic-bezier(.175,.885,.32,1.275) yearNumberPop;display:inline-block}[data-theme=light] .attendance-year-stepper .stepper-year-number{color:#0284c7}.attendance-year-stepper .stepper-current-badge{color:var(--primary-cyan);text-transform:uppercase;letter-spacing:.4px;background:#06b6d426;border:1px solid #06b6d44d;border-radius:999px;padding:.12rem .4rem;font-size:.58rem;font-weight:800;line-height:1}[data-theme=light] .attendance-year-stepper .stepper-current-badge{color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd}@keyframes yearNumberPop{0%{opacity:0;transform:translateY(-4px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.attendance-fun-summary{border-radius:var(--border-radius-md);background:#090b10;border:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;display:flex;box-shadow:inset 3px 3px 7px #030406,inset -3px -3px 7px #10141b}[data-theme=light] .attendance-fun-summary{background:#e6ebf0;border:none;box-shadow:inset 3px 3px 7px #c4cbd4,inset -3px -3px 7px #fff}.summary-circle-section{flex:1.2;align-items:center;gap:.75rem;min-width:170px;display:flex}.attendance-percentage-ring{transform:rotate(-90deg)}.attendance-percentage-ring .ring-text{transform-origin:50%;fill:var(--primary-cyan);font-size:.58rem;font-weight:900;transform:rotate(90deg)}[data-theme=light] .attendance-percentage-ring .ring-text{fill:#0ea5e9}.circle-label{text-align:left;flex-direction:column;gap:.15rem;display:flex}.circle-label .label-title{color:var(--text-muted);font-size:.68rem;font-weight:700}.circle-label .label-rank{color:var(--text-main);text-shadow:0 0 8px #ffffff0d;font-size:.85rem;font-weight:900}.summary-badges-section{flex-direction:column;flex:1.5;gap:.5rem;min-width:180px;display:flex}.streak-badge{text-align:left;background:#ef444414;border:1px solid #ef444433;border-radius:.5rem;align-items:center;gap:.5rem;padding:.35rem .65rem;display:flex}.streak-icon{font-size:1.25rem}.streak-details{flex-direction:column;display:flex}.streak-count{color:#f87171;font-size:.75rem;font-weight:950}.streak-desc{color:var(--text-muted);font-size:.62rem;font-weight:600}.status-pills-row{flex-wrap:wrap;gap:.35rem;display:flex}.status-pill{background:var(--bg-card-alt);border:1px solid var(--border-color);border-radius:50px;align-items:center;gap:.25rem;padding:.18rem .45rem;display:flex}.status-pill .pill-dot{border-radius:50%;width:6px;height:6px}.status-pill.status-hadir .pill-dot{background:#00e5ff}.status-pill.status-izin .pill-dot{background:gold}.status-pill.status-sakit .pill-dot{background:#3b82f6}.status-pill.status-alpa .pill-dot{background:#ef4444}.status-pill .pill-name{color:var(--text-muted);font-size:.58rem;font-weight:700}.status-pill .pill-name strong{color:var(--text-main)}.attendance-grid-container{border-radius:var(--border-radius-md);background:#090b10;border:none;width:100%;padding:.85rem;overflow:hidden;box-shadow:inset 3px 3px 7px #030406,inset -3px -3px 7px #10141b}[data-theme=light] .attendance-grid-container{background:#e6ebf0;border:none;box-shadow:inset 3px 3px 7px #c4cbd4,inset -3px -3px 7px #fff}.attendance-graph-scroll{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;width:100%;min-height:124px;overflow-x:auto}.attendance-graph-scroll::-webkit-scrollbar{height:5px}.attendance-graph-scroll::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.attendance-graph-wrapper{flex-direction:column;gap:.35rem;min-width:362px;padding-bottom:8px;display:flex}.graph-months-row{gap:8px;margin-bottom:.25rem;padding-left:58px;display:flex}.month-label{color:var(--text-muted);text-align:center;width:18px;font-size:.65rem;font-weight:700}.graph-grid-layout{gap:8px;display:flex}.graph-days-col{text-align:right;flex-direction:column;gap:4px;width:50px;display:flex}.day-label{color:var(--text-muted);height:18px;font-size:.62rem;font-weight:700;line-height:18px}.graph-months-container{flex:1;gap:8px;display:flex}.graph-month-column{flex-direction:column;gap:4px;display:flex}.graph-cell{width:18px;height:18px;transition:var(--transition-all);border-radius:4px;justify-content:center;align-items:center;display:flex}.graph-cell:not(.status-disabled){background:var(--cell-bg);box-shadow:0 2px 0 var(--cell-shadow), 0 2px 4px #00000026, 0 0 4px var(--cell-glow), inset 0 1px 0 var(--cell-highlight);position:relative}.graph-months-container .graph-cell:not(.status-disabled):hover{box-shadow:0 3px 0 var(--cell-shadow), 0 3px 6px #0003, 0 0 6px var(--cell-glow), inset 0 1px 0 var(--cell-highlight);transform:translateY(-1px)}.graph-months-container .graph-cell:not(.status-disabled):active{box-shadow:0 1px 0 var(--cell-shadow), 0 1px 2px #00000026, 0 0 2px var(--cell-glow), inset 0 1px 0 var(--cell-highlight);transform:translateY(1px)}.cell-date-num{pointer-events:none;font-size:.55rem;font-weight:900;line-height:1}.contrib-level-0 .cell-date-num{color:var(--text-muted)}.contrib-level-1 .cell-date-num,.contrib-level-2 .cell-date-num{color:#111}.contrib-level-3 .cell-date-num,.contrib-level-4 .cell-date-num{color:#fff}.graph-cell.status-disabled{border:1.5px dashed var(--border-color);box-shadow:none;opacity:.25;background:0 0}.graph-cell.contrib-level-0{--cell-bg:#1f1f23;--cell-shadow:#121214;--cell-glow:transparent;--cell-highlight:#ffffff1a}.graph-cell.contrib-level-1{--cell-bg:#00e5ff;--cell-shadow:#00b8cc;--cell-glow:#00e5ff66;--cell-highlight:#ffffff73}.graph-cell.contrib-level-2{--cell-bg:gold;--cell-shadow:#ccac00;--cell-glow:#ffd7004d;--cell-highlight:#ffffff73}.graph-cell.contrib-level-3{--cell-bg:#3b82f6;--cell-shadow:#1d4ed8;--cell-glow:#3b82f64d;--cell-highlight:#ffffff59}.graph-cell.contrib-level-4{--cell-bg:#ef4444;--cell-shadow:#b91c1c;--cell-glow:#ef44444d;--cell-highlight:#ffffff59}[data-theme=light] .graph-cell.contrib-level-0{--cell-bg:#e2e8f0;--cell-shadow:#cbd5e1;--cell-glow:transparent;--cell-highlight:#ffffff80}[data-theme=light] .graph-cell.contrib-level-1{--cell-bg:#0ea5e9;--cell-shadow:#0284c7;--cell-glow:#0284c733;--cell-highlight:#ffffff73}[data-theme=light] .graph-cell.contrib-level-2{--cell-bg:#d97706;--cell-shadow:#b45309;--cell-glow:#b4530933;--cell-highlight:#ffffff73}[data-theme=light] .graph-cell.contrib-level-3{--cell-bg:#2563eb;--cell-shadow:#1d4ed8;--cell-glow:#1d4ed833;--cell-highlight:#ffffff59}[data-theme=light] .graph-cell.contrib-level-4{--cell-bg:#dc2626;--cell-shadow:#b91c1c;--cell-glow:#b91c1c33;--cell-highlight:#ffffff59}.legend-item{align-items:center;gap:.25rem;display:flex}.legend-item span{color:var(--text-muted);font-size:.65rem;font-weight:700}.attendance-footer{border-top:1px dashed var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;padding-top:.35rem;display:flex}.footer-legend{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.attendance-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2100;background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.attendance-modal-content{border-radius:var(--border-radius-lg);text-align:center;background:#18181b;border:1px solid #ffffff26;width:100%;max-width:360px;padding:1.5rem;animation:.25s cubic-bezier(.34,1.56,.64,1) modalScaleUp;position:relative;box-shadow:0 25px 60px #0009}[data-theme=light] .attendance-modal-content{border:1px solid var(--border-color);background:#fff;box-shadow:0 20px 40px #0000001f}.attendance-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.65rem;display:flex}.attendance-modal-header h5{color:var(--text-main);margin:0;font-size:1rem;font-weight:850}.attendance-modal-header .close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.attendance-modal-header .close-modal-btn:hover{color:var(--text-main)}.detail-date-badge{background:var(--bg-card-alt);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);flex-direction:column;align-items:center;margin-bottom:1.25rem;padding:.85rem;display:flex}.detail-day{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.detail-date-full{color:var(--primary-cyan);margin:.25rem 0;font-size:1.1rem;font-weight:900}[data-theme=light] .detail-date-full{color:#0ea5e9}.detail-week-tag{color:var(--text-muted);background:#ffffff0f;border-radius:50px;margin-top:.25rem;padding:.15rem .5rem;font-size:.65rem;font-weight:800}.detail-status-section{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:#ffffff05;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-weight:800;display:flex}.detail-status-section.status-1{background:#00e5ff0a;border-color:#00e5ff4d}.detail-status-section.status-2{background:#ffd7000a;border-color:#ffd7004d}.detail-status-section.status-3{background:#3b82f60a;border-color:#3b82f64d}.detail-status-section.status-4{background:#ef44440a;border-color:#ef44444d}.status-label{color:var(--text-muted);font-size:.75rem;font-weight:700}.status-value{color:var(--text-main);font-size:.85rem;font-weight:900}.detail-quote{color:var(--text-muted);margin:0;padding:.5rem .25rem;font-size:.75rem;font-style:italic;line-height:1.5}@media (width<=480px){.attendance-header{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.attendance-year-stepper{flex-shrink:0}.attendance-footer{flex-direction:column;align-items:flex-start}}.profile-stats-card.data-keanggotaan-card{position:relative;overflow:hidden;border-radius:24px!important;padding:1.25rem 1.15rem 1.15rem!important}[data-theme=light] .profile-stats-card.data-keanggotaan-card{-webkit-backdrop-filter:blur(24px)!important;background:linear-gradient(135deg,#ffffffd1,#f0f5fcb8)!important;border:1px solid #ffffffd9!important;box-shadow:12px 12px 32px #a6b4c852,-10px -10px 28px #fffffff2,inset 1px 1px 1px #ffffffe6!important}[data-theme=dark] .profile-stats-card.data-keanggotaan-card{-webkit-backdrop-filter:blur(24px)!important;background:linear-gradient(135deg,#181e2cbf,#0d111bd9)!important;border:1px solid #ffffff14!important;box-shadow:14px 14px 35px #0009,-8px -8px 24px #ffffff08,inset 1px 1px 1px #ffffff12!important}.profile-section-header{justify-content:space-between;align-items:center;margin-bottom:.55rem;padding-bottom:0;display:flex;border-bottom:none!important}[data-theme=dark] .profile-section-header{border-bottom:none!important}.profile-section-title-wrap{flex-direction:column;gap:2px;display:flex}.profile-section-tag{letter-spacing:.8px;text-transform:uppercase;color:#0284c7;background:#0284c714;border:1px solid #0284c72e;border-radius:6px;width:fit-content;padding:2px 8px;font-size:.62rem;font-weight:800}[data-theme=dark] .profile-section-tag{color:#38bdf8;background:#38bdf826;border-color:#38bdf840}.profile-section-title{color:var(--text-main);letter-spacing:-.25px;margin:0;font-size:1.08rem;font-weight:800}.stats-expandable-section{flex-direction:column;gap:.65rem;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s,transform .3s,margin .35s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.stats-expandable-section.collapsed{opacity:0;pointer-events:none;max-height:0;margin-top:-.65rem;transform:translateY(-6px)}.stats-expandable-section.expanded{opacity:1;pointer-events:auto;max-height:900px;margin-top:0;transform:translateY(0)}.stats-toggle-expand-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:.2rem;padding:.72rem 1rem;font-size:.82rem;font-weight:800;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}[data-theme=light] .stats-toggle-expand-btn{color:#1e293b;background:#f0f5fcad;border:1px solid #fffffff2;box-shadow:3px 3px 9px #a6b4c840,-3px -3px 9px #fffffff2}[data-theme=dark] .stats-toggle-expand-btn{color:#f1f5f9;background:#1a202e8c;border:1px solid #ffffff14;box-shadow:3px 3px 8px #0006,-2px -2px 6px #ffffff05}.stats-toggle-expand-btn:hover{transform:translateY(-1.5px)}[data-theme=light] .stats-toggle-expand-btn:hover{color:#0284c7;background:#ffffffeb;box-shadow:5px 5px 14px #a6b4c859,-4px -4px 12px #fff}[data-theme=dark] .stats-toggle-expand-btn:hover{color:#38bdf8;background:#1e2638bf;box-shadow:5px 5px 14px #00000080,-3px -3px 8px #ffffff0a}.stats-toggle-expand-btn:active{transform:translateY(1px)}[data-theme=light] .stats-toggle-expand-btn:active{box-shadow:inset 2px 2px 5px #a6b4c859,inset -2px -2px 5px #ffffffe6}[data-theme=dark] .stats-toggle-expand-btn:active{box-shadow:inset 2px 2px 5px #0009,inset -1px -1px 3px #ffffff08}.stats-toggle-expand-btn .toggle-chevron-icon{font-size:1rem;transition:transform .3s cubic-bezier(.16,1,.3,1)}.stats-toggle-expand-btn.expanded .toggle-chevron-icon{transform:rotate(180deg)}.profile-edit-btn{cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:12px;align-items:center;gap:6px;padding:.45rem .95rem;font-size:.82rem;font-weight:800;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex}[data-theme=light] .profile-edit-btn{color:#1e293b;background:#ffffffbf;border:1px solid #ffffffe6;box-shadow:3px 3px 8px #a6b4c84d,-3px -3px 8px #fffffff2}[data-theme=dark] .profile-edit-btn{color:#f1f5f9;background:#ffffff0f;border:1px solid #ffffff1a;box-shadow:3px 3px 8px #0006,-2px -2px 6px #ffffff08}.profile-edit-btn:hover{color:#fff;background:#1e293b;border-color:#0000;transform:translateY(-1.5px);box-shadow:0 6px 16px #0f172a33}[data-theme=dark] .profile-edit-btn:hover{color:#fff;background:#3b82f6;box-shadow:0 6px 16px #3b82f666}.profile-edit-btn:active{transform:translateY(1px)}[data-theme=light] .profile-edit-btn:active{box-shadow:inset 2px 2px 5px #a6b4c859,inset -2px -2px 5px #ffffffe6}[data-theme=dark] .profile-edit-btn:active{box-shadow:inset 2px 2px 5px #0009,inset -1px -1px 3px #ffffff0a}.profile-edit-btn .edit-btn-icon{font-size:.9rem}.data-keanggotaan-card .profile-card-watermark{color:var(--text-main);pointer-events:none;z-index:0;font-size:8rem;position:absolute;bottom:-25px;right:-25px;transform:rotate(-12deg);opacity:.025!important;animation:none!important}[data-theme=dark] .data-keanggotaan-card .profile-card-watermark{opacity:.035!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-header-card{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.profile-stats-card.glass-card{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.profile-stats-card:not(.glass-card){animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.attendance-card{animation:.7s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.profile-badge-showcase{animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@keyframes pulseFire{0%{filter:drop-shadow(0 0 2px #f87171);transform:scale(1)}50%{filter:drop-shadow(0 0 8px #ef4444);transform:scale(1.2)}to{filter:drop-shadow(0 0 2px #f87171);transform:scale(1)}}.streak-icon{animation:1.2s ease-in-out infinite pulseFire;display:inline-block}@keyframes flowGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.progress-fill{background-size:200%!important;animation:3s linear infinite flowGradient!important}@keyframes floatBadge{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.badge-grid-item .badge-icon-frame{animation:3.2s ease-in-out infinite floatBadge}.badges-grid .badge-grid-item:nth-child(2n) .badge-icon-frame{animation-delay:.8s}.badges-grid .badge-grid-item:nth-child(3n) .badge-icon-frame{animation-delay:1.6s}.badges-grid .badge-grid-item:nth-child(4n) .badge-icon-frame{animation-delay:2.4s}@keyframes breatheWatermark{0%{opacity:.05;transform:scale(1)rotate(0)}50%{opacity:.08;transform:scale(1.06)rotate(4deg)}to{opacity:.05;transform:scale(1)rotate(0)}}.profile-stats-card .profile-card-watermark{animation:6s ease-in-out infinite breatheWatermark}.profile-stats-card:hover{transform:translateY(-2px)}@keyframes pulseRing{0%{box-shadow:0 0 #00e5ff66}70%{box-shadow:0 0 0 8px #00e5ff00}to{box-shadow:0 0 #00e5ff00}}.profile-header-qrcode-btn{animation:2s infinite pulseRing}.profile-header-qrcode-btn:active{transform:scale(.95)}@keyframes haloGlow{0%{filter:brightness()drop-shadow(0 0 2px #00e5ff66)}50%{filter:brightness(1.15)drop-shadow(0 0 10px #00e5ffb3)}to{filter:brightness()drop-shadow(0 0 2px #00e5ff66)}}.avatar-glowing-ring{animation:6s linear infinite rotateRing,3s ease-in-out infinite haloGlow}.badge-grid-item:active{transform:scale(.96)!important;box-shadow:inset 3px 3px 6px #040608,inset -3px -3px 6px #121620!important}[data-theme=light] .badge-grid-item:active{box-shadow:inset 3px 3px 6px #cbd5e1,inset -3px -3px 6px #fff!important}.profile-alert-wrapper{box-sizing:border-box;width:100%;margin-bottom:0;padding:0}.incomplete-data-alert{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:#fee2e2a6;border:1.5px solid #ef444473;border-radius:18px;justify-content:space-between;align-items:center;gap:.85rem;width:100%;padding:.9rem 1.15rem;animation:2s ease-in-out infinite urgentCardGlowLight;display:flex;position:relative;overflow:hidden}@keyframes urgentCardGlowLight{0%,to{border-color:#ef444466;box-shadow:0 0 #ef444440,6px 6px 14px #a3b1c659,-4px -4px 10px #fffffff2,inset 1px 1px 2px #fffc}50%{border-color:#ef4444f2;box-shadow:0 0 18px 2px #ef44446b,6px 6px 18px #ef444440,-4px -4px 12px #fff,inset 1px 1px 4px #ffffffe6}}[data-theme=dark] .incomplete-data-alert{background:#2d0f12b8;border:1.5px solid #ef444473;animation:2s ease-in-out infinite urgentCardGlowDark}@keyframes urgentCardGlowDark{0%,to{border-color:#ef444473;box-shadow:0 0 #ef44444d,6px 6px 14px #00000073,-3px -3px 8px #ffffff05}50%{border-color:#ef4444f2;box-shadow:0 0 20px 4px #ef444473,6px 6px 18px #0000008c,-3px -3px 8px #ffffff0a}}.alert-content{align-items:center;gap:.95rem;width:100%;display:flex}.alert-icon-container{background:#ef44442e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;box-shadow:inset 2px 2px 5px #ef44444d,0 0 10px #ef444440}.urgent-radar-ring{pointer-events:none;border:2px solid #ef4444;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite urgentRadarPing;position:absolute;inset:0}@keyframes urgentRadarPing{0%{opacity:.95;transform:scale(.9)}70%{opacity:0;transform:scale(1.65)}to{opacity:0;transform:scale(1.65)}}.alert-icon.urgent-alarm-icon{color:#ef4444;font-size:1.55rem;animation:2.2s ease-in-out infinite urgentAlarmShake}@keyframes urgentAlarmShake{0%,to{transform:rotate(0)scale(1)}6%,18%{transform:rotate(-10deg)scale(1.15)}12%,24%{transform:rotate(10deg)scale(1.15)}30%{transform:rotate(0)scale(1.05)}50%{filter:drop-shadow(0 0 8px #ef4444e6);transform:scale(1.22)}65%{transform:scale(1)}}.alert-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.alert-text h4{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:1.05rem;font-weight:850}.alert-badge-urgent{color:#ef4444;letter-spacing:.5px;background:#ef444426;border:1px solid #ef444466;border-radius:6px;align-items:center;gap:.35rem;padding:.15rem .5rem;font-size:.68rem;font-weight:800;display:inline-flex}.urgent-live-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite alternate urgentDotBlink;box-shadow:0 0 6px #ef4444}@keyframes urgentDotBlink{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.alert-text p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.35}.alert-action-btn.urgent-action-btn{color:#fff;letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1.25rem;font-size:.88rem;font-weight:800;transition:all .2s;animation:2s ease-in-out infinite urgentBtnPulse;display:inline-flex;box-shadow:0 4px 14px #ef444466,inset 1px 1px 2px #fff6}@keyframes urgentBtnPulse{0%,to{transform:scale(1);box-shadow:0 4px 14px #ef444466}50%{transform:scale(1.03);box-shadow:0 6px 20px #ef4444a6}}.alert-btn-arrow{font-size:1rem;font-weight:700;animation:1s ease-in-out infinite alternate arrowNudge;display:inline-block}@keyframes arrowNudge{0%{transform:translate(0)}to{transform:translate(4px)}}.alert-action-btn:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 8px 22px #ef44448c}@media (width<=600px){.incomplete-data-alert{flex-direction:column;align-items:stretch;gap:.75rem;padding:.9rem 1rem}.alert-action-btn.urgent-action-btn{width:100%;padding:.72rem 1rem}}.profile-toast-alert{z-index:10000;-webkit-backdrop-filter:blur(16px);-webkit-user-select:none;user-select:none;pointer-events:none;text-align:center;border-radius:999px;align-items:center;gap:10px;max-width:90vw;padding:10px 20px;font-size:.86rem;font-weight:750;animation:.3s cubic-bezier(.175,.885,.32,1.275) toastSlideDown;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006,inset 1px 1px 2px #fff3}.profile-toast-alert.uploading{color:#38bdf8;background:#0f172aeb;border:1px solid #06b6d466}.profile-toast-alert.success{color:#6ee7b7;background:#064e3beb;border:1px solid #10b98180;box-shadow:0 10px 30px #0006,0 0 20px #10b9814d,inset 1px 1px 2px #fff3}.profile-toast-alert.error{color:#fca5a5;background:#7f1d1deb;border:1px solid #ef444480}[data-theme=light] .profile-toast-alert.uploading{color:#0369a1;background:#fffffff2;border-color:#0284c7;box-shadow:0 10px 30px #0000001f}[data-theme=light] .profile-toast-alert.success{color:#047857;background:#f0fdf4f5;border-color:#10b981;box-shadow:0 10px 30px #10b98133}[data-theme=light] .profile-toast-alert.error{color:#b91c1c;background:#fef2f2f5;border-color:#ef4444}.toast-spinner{border:2.5px solid #38bdf84d;border-top-color:#38bdf8;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.75s linear infinite toastSpin}@keyframes toastSpin{to{transform:rotate(360deg)}}.toast-icon-alert{color:#f87171;flex-shrink:0;font-size:1.15rem}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%,-25px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.profile-delegasi-wrapper{box-sizing:border-box;width:100%;margin-top:.15rem;margin-bottom:.25rem}.profile-delegasi-card{-webkit-backdrop-filter:blur(14px);background:linear-gradient(135deg,#f59e0b1f 0%,#d977062e 100%);border:1.5px solid #f59e0b73;border-radius:18px;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #d9770626,inset 0 1px #fff9}[data-theme=dark] .profile-delegasi-card{background:linear-gradient(135deg,#f59e0b29 0%,#b453093d 100%);border-color:#f59e0b66;box-shadow:0 10px 25px #00000059,inset 0 1px #ffffff1a}.delegasi-card-glow{pointer-events:none;background:radial-gradient(circle,#f59e0b59 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.delegasi-card-header{justify-content:space-between;align-items:center;display:flex}.delegasi-icon-box{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #d9770659}.delegasi-badge-tag{color:#b45309;letter-spacing:.5px;background:#f59e0b33;border:1px solid #f59e0b80;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.68rem;font-weight:800;display:inline-flex}[data-theme=dark] .delegasi-badge-tag{color:#fde68a;background:#f59e0b40}.delegasi-live-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulseLive;box-shadow:0 0 6px #10b981}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.delegasi-card-body{flex-direction:column;gap:.25rem;display:flex}.delegasi-card-title{color:var(--text-primary);margin:0;font-size:.98rem;font-weight:800}.delegasi-card-desc{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.45}.delegasi-card-expiry{color:#b45309;margin-top:.2rem;font-size:.72rem;font-weight:600}[data-theme=dark] .delegasi-card-expiry{color:#fbbf24}.delegasi-open-scanner-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.86rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #d9770659}.delegasi-open-scanner-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #d9770673}.delegasi-open-scanner-btn:active{transform:scale(.98)}.scanner-mini-icon{align-items:center;display:flex}.delegasi-btn-arrow{font-size:1rem;transition:transform .2s}.delegasi-open-scanner-btn:hover .delegasi-btn-arrow{transform:translate(4px)}.chatbot-container{background:var(--bg-main);z-index:99;flex-direction:column;width:100%;height:100%;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}.chatbot-bg-pattern{background-image:radial-gradient(var(--border-color) 1.5px, transparent 1.5px);opacity:.25;pointer-events:none;z-index:0;background-size:28px 28px;width:100%;height:100%;position:absolute;top:0;left:0}.chatbot-orb{filter:blur(50px);pointer-events:none;z-index:0;opacity:.6;border-radius:50%;position:absolute}.chatbot-orb-1{background:radial-gradient(circle,#d312152e 0%,#0000 70%);width:320px;height:320px;top:-100px;right:-50px}.chatbot-orb-2{background:radial-gradient(circle,#00e5ff1f 0%,#0000 70%);width:420px;height:420px;bottom:15%;left:-120px}.chatbot-orb-3{background:radial-gradient(circle,#f59e0b14 0%,#0000 70%);width:280px;height:280px;top:35%;right:-100px}[data-theme=dark] .chatbot-orb-1{background:radial-gradient(circle,#d312151f 0%,#0000 70%)}[data-theme=dark] .chatbot-orb-2{background:radial-gradient(circle,#00e5ff17 0%,#0000 70%)}.chatbot-header{color:#fff;z-index:10;background:linear-gradient(#7e0507 0%,#d31215 100%);border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 20px #00000026}[data-theme=dark] .chatbot-header{background:linear-gradient(#4d0204 0%,#350001 100%);border-bottom:1px solid #ffffff08}.back-btn{color:#fff;cursor:pointer;transition:var(--transition-all);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:-.5rem;padding:.5rem;display:flex}.back-btn:hover{background:#ffffff1f;transform:scale(1.05)}.chatbot-header-info{align-items:center;gap:.75rem;display:flex}.chatbot-avatar-small{background:#ffffff26;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0003}.chatbot-avatar-small img{object-fit:cover;width:100%;height:100%}.chatbot-title{flex-direction:column;align-items:flex-start;display:flex}.chatbot-title h3{letter-spacing:.5px;margin:0;font-size:1.1rem;font-weight:800}.online-status{color:#00e5ff;align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:flex}.online-status:before{content:"";background:#00e5ff;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 6px #00e5ff}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.chatbot-header-actions{align-items:center;gap:8px;display:flex}.chatbot-clear-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.1rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.chatbot-clear-btn:hover{color:#fee2e2;background:#ef44444d;border-color:#ef444499;transform:scale(1.1)}.chatbot-clear-btn:active{transform:scale(.92)}.chat-messages-area{z-index:2;scroll-behavior:smooth;background:0 0;flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;position:relative;overflow-y:auto}.chat-messages-area::-webkit-scrollbar{width:6px}.chat-messages-area::-webkit-scrollbar-track{background:0 0}.chat-messages-area::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}[data-theme=dark] .chat-messages-area::-webkit-scrollbar-thumb{background:#ffffff1a}.chat-message-wrapper{align-items:flex-end;gap:.75rem;max-width:85%;animation:.3s cubic-bezier(.4,0,.2,1) messageFadeIn;display:flex}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-wrapper.user{flex-direction:row-reverse;align-self:flex-end}.chat-message-avatar{background:var(--bg-card);border:1px solid var(--border-color);width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.chat-message-avatar img{object-fit:contain;width:90%;height:90%}.chat-message-bubble{box-shadow:var(--shadow-md);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);border-radius:1.25rem;padding:.85rem 1.15rem;font-size:.9rem;line-height:1.45;position:relative}.chat-message-bubble p{color:var(--text-main);margin:0}.bot-bubble{background:var(--bg-card);border-bottom-left-radius:.25rem}.user-bubble{background:linear-gradient(135deg,#00e5ff26 0%,#00b4d826 100%);border-color:#00e5ff40;border-bottom-right-radius:.25rem}.user-bubble p{color:var(--text-main);font-weight:500}[data-theme=dark] .user-bubble{background:linear-gradient(135deg,#00e5ff1a 0%,#0077b61a 100%);border-color:#00e5ff26}.chat-input-area{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:10;padding:1.25rem 1.5rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));flex-shrink:0;position:relative}.chat-input-form{align-items:center;gap:.75rem;width:100%;max-width:900px;margin:0 auto;display:flex}.chat-input{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);transition:var(--transition-all);border-radius:2rem;outline:none;flex:1;padding:.85rem 1.5rem;font-size:.95rem;box-shadow:inset 1px 1px 3px #0000000d}[data-theme=dark] .chat-input{box-shadow:inset 1px 1px 3px #0003}.chat-input:focus{border-color:#00e5ff;box-shadow:0 0 0 3px #00e5ff26,inset 1px 1px 3px #0000000d}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{color:#fff;cursor:pointer;width:46px;height:46px;transition:var(--transition-all);background:linear-gradient(135deg,#d31215 0%,#7e0507 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #d3121540}.chat-send-btn:hover:not(:disabled){transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #d3121559}.chat-send-btn:active:not(:disabled){transform:translateY(0)scale(1)}.chat-send-btn:disabled{background:var(--bg-card-alt);color:var(--text-muted);box-shadow:none;cursor:not-allowed;opacity:.6}[data-theme=dark] .chat-send-btn{color:#0b0e14;background:linear-gradient(135deg,#00e5ff 0%,#00b4d8 100%);box-shadow:0 4px 12px #00e5ff40}[data-theme=dark] .chat-send-btn svg{stroke:#0b0e14}[data-theme=dark] .chat-send-btn:hover:not(:disabled){box-shadow:0 6px 16px #00e5ff66}.chatbot-header .theme-toggle{cursor:pointer!important;width:38px!important;height:38px!important;transition:var(--transition-all)!important;box-shadow:none!important;background:#ffffff1f!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important;transform:none!important}.chatbot-header .theme-toggle:hover{background:#ffffff38!important;transform:translateY(-2px)!important}.chatbot-header .theme-toggle .icon{font-size:1.15rem;color:#fff!important}.chatbot-header .theme-toggle .sun-icon{filter:drop-shadow(0 0 3px #ffd70066);color:gold!important}.chatbot-header .theme-toggle .moon-icon{filter:drop-shadow(0 0 3px #a5f3fc66);color:#a5f3fc!important}.typing-indicator{align-items:center;gap:4px;width:fit-content;padding:12px 16px;display:flex}.typing-indicator span{background-color:var(--primary-cyan);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both typing;display:block}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.leaderboard-page-container{background-color:var(--bg-main,#f0f4f8);width:calc(100% + 3rem);min-height:100vh;color:var(--text-main);box-sizing:border-box;background-image:linear-gradient(#750406 0,#850608 15px,#990a0d 32px,#af1014f2 48px,#c3161ad1 62px,#d71c209e 75px,#e1282d6b 86px,#eb373c40 96px,#f04b5021 104px,#f564690d 110px,#fa828704 115px,#0000 118px);background-repeat:no-repeat;background-size:100% 118px;flex-direction:column;margin:-1.5rem -1.5rem 0;padding-bottom:220px;display:flex;position:relative;overflow-x:hidden}[data-theme=dark] .leaderboard-page-container{background-color:var(--bg-main,#0b0e14);background-image:linear-gradient(#4d0204 0,#420204 15px,#410204f2 32px,#410204cc 48px,#41020494 64px,#4102045c 78px,#41020433 90px,#41020417 100px,#41020408 108px,#41020402 114px,#0000 118px);background-repeat:no-repeat;background-size:100% 118px}.leaderboard-page-container:before{content:"";pointer-events:none;z-index:1;opacity:.9;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.8' stroke-opacity='0.08'%3E%3Cpath d='M24 0L48 24L24 48L0 24Z'/%3E%3Cpath d='M0 0L48 48M48 0L0 48'/%3E%3Ccircle cx='24' cy='24' r='1.8' fill='%23ffffff' fill-opacity='0.18'/%3E%3C/g%3E%3C/svg%3E");background-size:48px 48px;height:118px;animation:32s linear infinite geometricPatternDrift;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000f2 0%,#0009 40%,#0003 70%,#0000000a 90%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#0009 40%,#0003 70%,#0000000a 90%,#0000 100%)}.leaderboard-page-container:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(65% 55% at 30% 20%,#ffffff2e 0%,#ff787814 50%,#0000 75%),radial-gradient(55% 45% at 75% 30%,#ffc8c824 0%,#0000 70%);height:118px;animation:8s ease-in-out infinite alternate ambientLightPulse;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000f2 0%,#0006 65%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#0006 65%,#0000 100%)}[data-theme=dark] .leaderboard-page-container:after{background:radial-gradient(65% 55% at 30% 20%,#ff64641f 0%,#b4323c0f 50%,#0000 75%),radial-gradient(55% 45% at 75% 30%,#ff969617 0%,#0000 70%)}.leaderboard-page-header{color:#fff;box-shadow:none;z-index:10;background:0 0;justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .5rem;display:flex;position:relative}.back-btn{-webkit-backdrop-filter:blur(14px);color:#fff;cursor:pointer;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:3px 3px 8px #00000040,-2px -2px 6px #ffffff26,inset 1px 1px 2px #fff6}.back-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:4px 6px 12px #0000004d,-2px -2px 8px #ffffff40,inset 1px 1px 2px #ffffff80}.back-btn:active{transform:translateY(0)scale(.95);box-shadow:inset 2px 2px 4px #0000004d,inset -1px -1px 2px #fff3}.leaderboard-title{font-family:var(--font-family);letter-spacing:.5px;color:#fff;text-shadow:0 2px 8px #00000073;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:800;display:flex}.leaderboard-header-icon{color:gold;filter:drop-shadow(0 0 8px #ffd700cc);font-size:1.35rem}.leaderboard-page-content{box-sizing:border-box;z-index:2;flex-direction:column;gap:1rem;width:100%;max-width:480px;margin:0 auto;padding:.85rem 1rem;display:flex;position:relative}.leaderboard-tabs{-webkit-backdrop-filter:blur(20px);transition:var(--transition-all);background:#ffffffb8;border:1.5px solid #ffffffe6;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:.5rem;padding:6px;display:grid;box-shadow:0 8px 24px #a3b1c640,inset 1px 1px 2px #ffffffe6,inset -1px -1px 3px #0000000d}[data-theme=dark] .leaderboard-tabs{background:#141821a6;border:1.5px solid #ffffff1a;box-shadow:0 8px 24px #0006,inset 2px 2px 6px #00000080,inset -2px -2px 6px #ffffff0a}.tab-btn{cursor:pointer;color:var(--text-secondary,#64748b);letter-spacing:.3px;background:0 0;border:1px solid #0000;border-radius:14px;outline:none;justify-content:center;align-items:center;gap:6px;padding:.65rem .5rem;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.tab-btn:hover{color:var(--text-main);-webkit-backdrop-filter:blur(8px);background:#ffffff80}[data-theme=dark] .tab-btn:hover{color:#fff;background:#ffffff14}.tab-btn.active{text-shadow:0 1px 2px #00000059;-webkit-backdrop-filter:blur(12px)!important;color:#fff!important;background:linear-gradient(135deg,#ff334b 0%,#ba1215 100%)!important;border:1.5px solid #ffffff73!important;font-weight:800!important;box-shadow:0 6px 18px #ba121573,inset 1px 1px 2px #ffffff8c,inset -2px -2px 4px #0000004d!important}[data-theme=dark] .tab-btn.active{background:linear-gradient(135deg,#e11d48 0%,#991b1b 100%)!important;border-color:#ffffff40!important;box-shadow:0 6px 20px #ba12158c,inset 1px 1px 2px #ffffff73,inset -2px -2px 5px #00000080!important}.claim-reward-banner{-webkit-backdrop-filter:blur(18px);color:#fff;background:linear-gradient(135deg,#ffaa00e0,#ff7800f0);border:1.5px solid #ffffff80;border-radius:18px;justify-content:space-between;align-items:center;margin:.25rem 0 .5rem;padding:.85rem 1.15rem;animation:3s ease-in-out infinite alternate banner-glow;display:flex;box-shadow:0 8px 24px #ff8c0059,inset 1px 1px 3px #fff9,inset -1px -1px 3px #0003}.claim-reward-title{text-shadow:0 1px 2px #00000040;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:800;display:flex}.claim-gift-icon{filter:drop-shadow(0 0 6px #fff);font-size:1.15rem}.claim-reward-desc{opacity:.95;margin:3px 0 0;font-size:.78rem;font-weight:600}.claim-reward-btn{color:#d97706;cursor:pointer;background:#fffffff2;border:1.5px solid #fff;border-radius:12px;padding:8px 18px;font-size:.85rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:3px 3px 8px #00000026,-2px -2px 6px #fffc,inset 1px 1px 2px #ffffffe6}.claim-reward-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:4px 6px 14px #0003,-2px -2px 8px #fff}.claim-reward-btn:active{transform:translateY(0)scale(.96);box-shadow:inset 2px 2px 4px #0003}@keyframes banner-glow{0%{filter:drop-shadow(0 0 4px #ffaa004d)}to{filter:drop-shadow(0 0 12px #ffc80099)}}.leaderboard-podium-container{justify-content:center;align-items:flex-end;gap:.45rem;margin-top:.1rem;padding:1rem .25rem .5rem;display:flex}.podium-column{flex-direction:column;flex:1;align-items:center;display:flex}.podium-column.first{z-index:5}.podium-avatar-wrapper{margin-bottom:.45rem;animation:4s ease-in-out infinite alternate podium-float;position:relative}.podium-column.second .podium-avatar-wrapper{animation-delay:-1s}.podium-column.third .podium-avatar-wrapper{animation-delay:-2s}.podium-crown-icon{color:gold;filter:drop-shadow(0 0 8px #ffd700e6);font-size:1.45rem;animation:3s ease-in-out infinite crown-glow;position:absolute;top:-16px;left:50%;transform:translate(-50%)rotate(-6deg)}.podium-avatar-ring{-webkit-backdrop-filter:blur(10px);box-sizing:border-box;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;animation:3s ease-in-out infinite alternate avatar-pulse;display:flex;position:relative}.podium-column.first .podium-avatar-ring{border:3.5px solid gold;width:62px;height:62px;box-shadow:0 0 18px #ffd700a6,0 6px 14px #00000059,inset 2px 2px 4px #ffffff80,inset -2px -2px 4px #0003}.podium-column.second .podium-avatar-ring{border:3px solid #e2e8f0;width:52px;height:52px;box-shadow:0 0 14px #e2e8f080,0 5px 12px #0000004d,inset 2px 2px 4px #ffffff80,inset -2px -2px 4px #0003}.podium-column.third .podium-avatar-ring{border:3px solid #cd7f32;width:48px;height:48px;box-shadow:0 0 14px #cd7f3280,0 5px 12px #0000004d,inset 2px 2px 4px #fff6,inset -2px -2px 4px #0003}.podium-avatar-img{object-fit:cover;background:var(--bg-card);border-radius:50%;width:100%;height:100%}.podium-rank-badge{color:#fff;box-sizing:border-box;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:900;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 6px #00000059}.podium-avatar-ring.rank-1 .podium-rank-badge{background:linear-gradient(135deg,gold,#ff9500)}.podium-avatar-ring.rank-2 .podium-rank-badge{background:linear-gradient(135deg,#cbd5e1,#64748b)}.podium-avatar-ring.rank-3 .podium-rank-badge{background:linear-gradient(135deg,#cd7f32,#78350f)}.podium-user-info{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:.5rem;display:flex}.podium-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:88px;color:var(--text-main);text-transform:uppercase;letter-spacing:.2px;font-size:.75rem;font-weight:800;overflow:hidden}.podium-column.first .podium-user-name{max-width:98px;font-size:.85rem}.podium-user-level{font-family:var(--font-pixel);color:#d97706;margin-top:1px;font-size:.65rem}[data-theme=dark] .podium-user-level{color:gold}.podium-user-xp{color:var(--text-muted);font-size:.68rem;font-weight:800}.podium-pedestal{box-sizing:border-box;flex-direction:column;width:100%;display:flex}.podium-pedestal.rank-1{height:72px}.podium-pedestal.rank-2{height:52px}.podium-pedestal.rank-3{height:38px}.pedestal-top{border-radius:4px 4px 0 0;width:100%;height:6px;box-shadow:inset 0 2px 3px #fff9}.podium-pedestal.rank-1 .pedestal-top{background:gold}.podium-pedestal.rank-2 .pedestal-top{background:#e2e8f0}.podium-pedestal.rank-3 .pedestal-top{background:#cd7f32}.pedestal-front{-webkit-backdrop-filter:blur(14px);transition:var(--transition-all);border-top:none;border-radius:0 0 10px 10px;flex:1;justify-content:center;align-items:center;display:flex}.podium-pedestal.rank-1 .pedestal-front{background:linear-gradient(#ffd700e0 0%,#b48200f0 100%);border:1.5px solid #ffeb78e6;border-top:none;box-shadow:0 8px 20px #ffd7004d,inset 2px 2px 6px #ffffff73,inset -2px -2px 6px #00000040}.podium-pedestal.rank-2 .pedestal-front{background:linear-gradient(#dce2ecd6 0%,#8c96a5eb 100%);border:1.5px solid #ffffffd9;border-top:none;box-shadow:0 6px 16px #a0afc340,inset 2px 2px 6px #ffffff73,inset -2px -2px 6px #0003}.podium-pedestal.rank-3 .pedestal-front{background:linear-gradient(#e19655d6 0%,#8c4b19eb 100%);border:1.5px solid #ffb982d9;border-top:none;box-shadow:0 6px 16px #cd7f3240,inset 2px 2px 6px #fff6,inset -2px -2px 6px #0003}.pedestal-number{font-family:var(--font-pixel);color:#ffffffe6;text-shadow:0 1px 3px #0006;font-size:.95rem}.podium-pedestal.rank-1 .pedestal-number{color:#fff;text-shadow:0 2px 4px #00000080;font-size:1.35rem}.leaderboard-list-container{flex-direction:column;gap:.65rem;margin-top:.35rem;display:flex}.empty-leaderboard-msg{text-align:center;color:var(--text-muted);-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px dashed #00000026;border-radius:16px;padding:2.5rem 1rem;font-size:.88rem}[data-theme=dark] .empty-leaderboard-msg{background:#161b2499;border-color:#ffffff1a}.leaderboard-row-item{-webkit-backdrop-filter:blur(16px);background:#ffffffc7;border:1.5px solid #ffffffe6;border-radius:18px;align-items:center;padding:.75rem .95rem;transition:all .25s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.2,.8,.2,1) backwards row-entrance;display:flex;box-shadow:6px 6px 16px #a3b1c640,-4px -4px 12px #fffffff2,inset 1px 1px 2px #fffc}[data-theme=dark] .leaderboard-row-item{background:#161b24bf;border:1.5px solid #ffffff14;box-shadow:6px 6px 18px #0000008c,-3px -3px 10px #ffffff05,inset 1px 1px 2px #ffffff0d}.leaderboard-row-item:hover{transform:translateY(-2px);box-shadow:8px 10px 22px #a3b1c659,-4px -4px 14px #fff,inset 1px 1px 2px #ffffffe6}[data-theme=dark] .leaderboard-row-item:hover{box-shadow:8px 10px 24px #000000a6,-3px -3px 10px #ffffff0a}.leaderboard-row-item.highlight-self{background:linear-gradient(135deg,#fff0f2eb,#fffafaf5);border:2px solid #ff334b;box-shadow:0 0 18px #ff334b40,6px 6px 16px #a3b1c64d,inset 1px 1px 2px #ffffffe6}[data-theme=dark] .leaderboard-row-item.highlight-self{background:linear-gradient(135deg,#4d0204b8,#290001e0);border:2px solid #ff334b;box-shadow:0 0 20px #ff334b59,6px 6px 20px #000000a6,inset 1px 1px 2px #ffffff1a}.row-rank-num{font-family:var(--font-pixel);color:var(--text-muted);text-align:left;width:28px;font-size:.85rem}.leaderboard-row-item.highlight-self .row-rank-num{color:var(--primary-red);font-weight:800}.row-avatar-wrapper{border:2px solid #ffffffe6;border-radius:50%;width:36px;height:36px;margin-right:.7rem;overflow:hidden;box-shadow:2px 2px 6px #0000001f}[data-theme=dark] .row-avatar-wrapper{border-color:#ffffff26;box-shadow:2px 2px 6px #0006}.row-avatar-img{object-fit:cover;background:var(--bg-card);width:100%;height:100%}.row-info-details{text-align:left;flex-direction:column;flex:1;display:flex}.row-user-name{color:var(--text-main);align-items:center;gap:.35rem;font-size:.8rem;font-weight:800;display:flex}.self-tag{background:var(--primary-red);color:#fff;letter-spacing:.3px;border-radius:4px;padding:1px 5px;font-size:.58rem;font-weight:800}.row-user-sub{color:var(--text-muted);margin-top:1px;font-size:.65rem}.row-xp-badge{background:#0000000d;border:1px solid #0000000f;border-radius:8px;align-items:baseline;gap:2px;padding:.25rem .55rem;display:flex;box-shadow:inset 1px 1px 3px #00000014,inset -1px -1px 2px #fffc}[data-theme=dark] .row-xp-badge{background:#ffffff0d;border:1px solid #ffffff14;box-shadow:inset 1px 1px 3px #0000004d,inset -1px -1px 2px #ffffff08}.row-xp-val{font-family:var(--font-pixel);color:var(--text-main);font-size:.85rem}.row-xp-lbl{color:var(--text-muted);font-size:.55rem;font-weight:800}.user-rank-sticky-card{-webkit-backdrop-filter:blur(20px);color:#fff;z-index:99;box-sizing:border-box;background:linear-gradient(135deg,#ba1215e0,#7e0507f2);border:1.5px solid #ffffff59;border-radius:20px;width:calc(100% - 2.5rem);max-width:448px;animation:.4s cubic-bezier(.16,1,.3,1) slide-up,4s ease-in-out .4s infinite alternate card-float;position:fixed;bottom:8.5rem;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #ba121559,0 4px 15px #00000040,inset 1px 1px 3px #ffffff73,inset -2px -2px 4px #0000004d}[data-theme=dark] .user-rank-sticky-card{background:linear-gradient(135deg,#4d0204e6,#290001f5);border:1.5px solid #ffffff26;box-shadow:0 12px 30px #0009,0 4px 15px #0006,inset 1px 1px 3px #fff3,inset -2px -2px 4px #0006}.card-inner-layout{justify-content:space-between;align-items:center;padding:.7rem .95rem;display:flex}.card-left-section{align-items:center;gap:.65rem;display:flex}.card-rank-badge{font-family:var(--font-pixel);color:gold;text-shadow:0 0 8px #ffd700b3;font-size:1.05rem}.card-avatar-wrapper{border:1.5px solid #fff;border-radius:50%;width:36px;height:36px;overflow:hidden;box-shadow:0 2px 8px #0000004d}.card-avatar-img{object-fit:cover;background:var(--bg-card);width:100%;height:100%}.card-profile-text{text-align:left;flex-direction:column;display:flex}.card-user-name{letter-spacing:.2px;font-size:.82rem;font-weight:800}.you-lbl{opacity:.85;font-size:.58rem}.card-user-rank-name{opacity:.9;font-size:.65rem}.card-right-section{align-items:center;display:flex}.card-xp-box{-webkit-backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff59;border-radius:8px;align-items:baseline;gap:2px;padding:.3rem .65rem;display:flex;box-shadow:inset 1px 1px 2px #ffffff4d}.card-xp-value{font-family:var(--font-pixel);color:#fff;text-shadow:0 1px 2px #0000004d;font-size:.95rem}.card-xp-label{opacity:.9;font-size:.58rem;font-weight:800}@keyframes crown-glow{0%,to{filter:drop-shadow(0 2px 4px #ffd70099);transform:translate(-50%)rotate(-6deg)scale(1)}50%{filter:drop-shadow(0 2px 12px #ffd700f2);transform:translate(-50%)rotate(6deg)scale(1.1)}}@keyframes slide-up-desktop{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes row-entrance{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}@keyframes podium-float{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes avatar-pulse{0%{filter:brightness()}to{filter:brightness(1.15)drop-shadow(0 0 6px #fff6)}}@keyframes card-float{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-6px)}}@keyframes card-float-desktop{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.piagam-modal-overlay{-webkit-backdrop-filter:blur(18px)saturate(180%);z-index:9999;background:#04060cd6;justify-content:center;align-items:center;padding:.65rem;animation:.28s cubic-bezier(.16,1,.3,1) piagamOverlayFadeIn;display:flex;position:fixed;inset:0}@keyframes piagamOverlayFadeIn{0%{opacity:0}to{opacity:1}}.piagam-modal-box{color:#0f172a;background:#fffffff5;border:1.5px solid #fffffff2;border-radius:24px;flex-direction:column;width:100%;max-width:540px;max-height:96vh;padding:1rem 1.15rem;animation:.32s cubic-bezier(.175,.885,.32,1.2) piagamCardPopIn;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000038,0 0 40px #ba1a1a1f,inset 1px 1px 2px #fff}[data-theme=dark] .piagam-modal-box{color:#f8fafc;background:#120e16f5;border-color:#ffffff1f;box-shadow:0 28px 70px #000000d9,0 0 45px #ba1a1a38,inset 1px 1px 2px #ffffff24}@keyframes piagamCardPopIn{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.piagam-modal-top-bar{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;gap:.65rem;padding-bottom:.75rem;display:flex}[data-theme=dark] .piagam-modal-top-bar{border-color:#ffffff14}.piagam-top-info{flex-direction:column;gap:2px;min-width:0;display:flex}.piagam-title-row{align-items:center;gap:6px;display:flex}.piagam-header-award-icon{flex-shrink:0;font-size:1.15rem}.piagam-dialog-title{letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:850;overflow:hidden}.piagam-verified-pill{letter-spacing:.2px;align-items:center;gap:4px;font-size:.72rem;font-weight:750;display:inline-flex}.piagam-top-actions{flex-shrink:0;align-items:center;gap:.55rem;display:flex}.piagam-download-btn{color:#fff;cursor:pointer;white-space:nowrap;border:1px solid #fff3;border-radius:12px;align-items:center;gap:6px;padding:.52rem .95rem;font-size:.78rem;font-weight:850;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #0003}.piagam-download-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1.5px);box-shadow:0 6px 16px #0000004d}.piagam-download-btn:disabled{opacity:.6;cursor:not-allowed}.piagam-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #00000014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .2s;display:flex}[data-theme=dark] .piagam-close-btn{color:#94a3b8;background:#ffffff14;border-color:#ffffff1a}.piagam-close-btn:hover{color:#fff;background:#e11d48;border-color:#e11d48;transform:rotate(90deg)}.piagam-scroll-viewport{justify-content:center;margin-top:.6rem;padding:.35rem .15rem;display:flex;overflow:hidden auto}.piagam-certificate-wrapper{justify-content:center;width:100%;max-width:480px;display:flex;container-type:inline-size}.piagam-frame.f4-portrait{aspect-ratio:215/330;color:#1e293b;box-sizing:border-box;background:#fffdf8;flex-direction:column;width:100%;padding:3.5cqw;font-family:Times New Roman,Times,serif;display:flex;position:relative;box-shadow:0 12px 35px #0003,inset 0 0 35px #d977060a}.corner-ornament{border-color:var(--theme-secondary,#d97706);pointer-events:none;border-style:solid;width:4.8cqw;min-width:14px;height:4.8cqw;min-height:14px;position:absolute}.corner-ornament.top-left{border-width:.65cqw 0 0 .65cqw;top:1.6cqw;left:1.6cqw}.corner-ornament.top-right{border-width:.65cqw .65cqw 0 0;top:1.6cqw;right:1.6cqw}.corner-ornament.bottom-left{border-width:0 0 .65cqw .65cqw;bottom:1.6cqw;left:1.6cqw}.corner-ornament.bottom-right{border-width:0 .65cqw .65cqw 0;bottom:1.6cqw;right:1.6cqw}.piagam-inner-border{border:.45cqw solid var(--theme-primary,#ba1a1a);outline:.18cqw solid var(--theme-secondary,#d97706);outline-offset:.75cqw;background:var(--theme-bg,radial-gradient(circle at center, #fff 0%, #fffdf5 100%));box-sizing:border-box;flex-direction:column;flex:1;justify-content:space-between;padding:3.5cqw 3.6cqw 3cqw;display:flex;position:relative}.piagam-header{text-align:center;justify-content:space-between;align-items:center;gap:1.5cqw;display:flex}.piagam-header-logo-container{flex-shrink:0;justify-content:center;align-items:center;width:11.5cqw;min-width:40px;max-width:64px;display:flex}.piagam-logo-laskar-bahari{object-fit:contain;filter:drop-shadow(0 2px 4px #00000026);width:100%;height:auto}.piagam-header-spacer{visibility:hidden;pointer-events:none;flex-shrink:0;width:11.5cqw;min-width:40px;max-width:64px}.piagam-institution-text{flex:1}.institution-main{letter-spacing:.32cqw;margin:0;font-family:Times New Roman,serif;font-size:2.35cqw;font-weight:850;line-height:1.25}.institution-sub{color:#1e293b;letter-spacing:.22cqw;margin:.35cqw 0;font-family:Times New Roman,serif;font-size:3.5cqw;font-weight:900;line-height:1.25}.institution-pangkalan{color:#475569;letter-spacing:.22cqw;margin:0;font-family:Times New Roman,serif;font-size:2.35cqw;font-weight:800;line-height:1.25}.piagam-divider-wrap{flex-direction:column;gap:.35cqw;margin:1.3cqw 0 1.6cqw;display:flex}.piagam-divider-wrap .line-main{background:linear-gradient(90deg, transparent 2%, var(--div-color,#ba1a1a) 15%, #d97706 50%, var(--div-color,#ba1a1a) 85%, transparent 98%);height:.35cqw;min-height:2px}.piagam-divider-wrap .line-sub{background:linear-gradient(90deg, transparent 10%, var(--div-sub,#d97706) 30%, var(--div-sub,#d97706) 70%, transparent 90%);opacity:.65;height:.15cqw;min-height:1px}.piagam-title-section{text-align:center;flex-direction:column;align-items:center;gap:.6cqw;margin-bottom:.5cqw;display:flex}.piagam-main-title{color:#1e293b;letter-spacing:.45cqw;text-transform:uppercase;text-shadow:1px 1px #0000000a;margin:0;font-family:Times New Roman,serif;font-size:4.8cqw;font-weight:900;line-height:1.25}.piagam-reg-number{color:#64748b;letter-spacing:.08cqw;font-family:Courier New,Courier,monospace;font-size:2cqw;line-height:1.4}.piagam-body{text-align:center;flex-direction:column;flex:1;justify-content:space-evenly;padding:1.2cqw 0;display:flex}.piagam-award-statement{color:#475569;margin:0;font-family:Times New Roman,serif;font-size:2.3cqw;font-style:italic;line-height:1.6}.piagam-recipient-box{margin:.4cqw 0}.piagam-recipient-name{letter-spacing:.16cqw;border-bottom:.28cqw solid;margin:0;padding-bottom:.4cqw;font-family:Times New Roman,serif;font-size:5cqw;font-weight:900;line-height:1.25;display:inline-block}.piagam-recipient-details{color:#334155;justify-content:center;align-items:center;gap:1.2cqw;margin-top:.7cqw;font-family:Inter,sans-serif;font-size:2.15cqw;line-height:1.5;display:flex}.dot-sep{color:#cbd5e1}.piagam-achievement-statement{color:#334155;max-width:93%;margin:0 auto;font-family:Times New Roman,serif;font-size:2.25cqw;line-height:1.65}.piagam-badge-highlight{background:linear-gradient(135deg,#fffffffa 0%,#fffdf6fa 100%);border:.2cqw solid;border-radius:1.6cqw;align-items:center;gap:2.2cqw;max-width:93%;margin:.5cqw auto;padding:2cqw 2.8cqw;display:flex;box-shadow:0 .5cqw 1.8cqw #0000000d,inset 0 0 1cqw #fffc}.piagam-badge-icon-box{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:7.8cqw;min-width:30px;height:7.8cqw;min-height:30px;font-size:4cqw;display:flex;box-shadow:0 .4cqw 1.2cqw #00000029}.piagam-badge-info{text-align:left}.piagam-badge-title{margin:0;font-family:Inter,sans-serif;font-size:2.8cqw;font-weight:850;line-height:1.35}.piagam-badge-desc{color:#475569;margin:.4cqw 0 0;font-family:Inter,sans-serif;font-size:2.05cqw;line-height:1.6}.piagam-closing-note{color:#64748b;max-width:92%;margin:0 auto;font-family:Times New Roman,serif;font-size:1.95cqw;font-style:italic;line-height:1.65}.piagam-footer-f4{border-top:.18cqw dashed #0000002e;justify-content:space-between;align-items:center;gap:2cqw;margin-top:1.2cqw;padding-top:1.8cqw;display:flex}.piagam-qr-col{text-align:left;align-items:center;gap:1.5cqw;display:flex}.piagam-qr-wrapper{background:#fff;border:.18cqw solid #cbd5e1;border-radius:1cqw;justify-content:center;align-items:center;padding:.8cqw;display:flex;box-shadow:0 .4cqw 1cqw #00000014}.piagam-qrcode-svg{min-width:38px;max-width:68px;min-height:38px;max-height:68px;width:11.5cqw!important;height:11.5cqw!important}.piagam-qr-labels{flex-direction:column;gap:.45cqw;display:flex}.qr-scan-hint{color:#1e293b;letter-spacing:.1cqw;font-family:Inter,sans-serif;font-size:1.6cqw;font-weight:850;line-height:1.2}.qr-auth-badge{border-radius:.4cqw;align-items:center;gap:.4cqw;padding:.25cqw .7cqw;font-family:Inter,sans-serif;font-size:1.5cqw;font-weight:800;line-height:1.2;display:inline-flex}.cert-date-text{color:#475569;margin-top:.2cqw;font-family:Times New Roman,serif;font-size:1.7cqw;font-style:italic;line-height:1.3}.piagam-stamp-col{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.navi-authentic-stamp{opacity:.9;mix-blend-mode:multiply;width:17cqw;min-width:62px;max-width:95px;height:17cqw;min-height:62px;max-height:95px;color:var(--stamp-ink,#1e3a8a);filter:drop-shadow(0 1px 2px #00000014);justify-content:center;align-items:center;display:flex;position:relative;transform:rotate(-6deg)}.stamp-svg{width:100%;height:100%}.stamp-official-label{letter-spacing:.15cqw;text-transform:uppercase;margin-top:.4cqw;font-family:Inter,sans-serif;font-size:1.3cqw;font-weight:850}.lencana-page-container{background-color:var(--bg-main,#f0f4f8);width:calc(100% + 3rem);min-height:100vh;color:var(--text-main);box-sizing:border-box;background-image:linear-gradient(#750406 0,#850608 15px,#990a0d 32px,#af1014f2 48px,#c3161ad1 62px,#d71c209e 75px,#e1282d6b 86px,#eb373c40 96px,#f04b5021 104px,#f564690d 110px,#fa828704 115px,#0000 118px);background-repeat:no-repeat;background-size:100% 118px;flex-direction:column;margin:-1.5rem -1.5rem 0;padding-bottom:120px;display:flex;position:relative;overflow-x:hidden}[data-theme=dark] .lencana-page-container{background-color:var(--bg-main,#0b0e14);background-image:linear-gradient(#4d0204 0,#420204 15px,#410204f2 32px,#410204cc 48px,#41020494 64px,#4102045c 78px,#41020433 90px,#41020417 100px,#41020408 108px,#41020402 114px,#0000 118px);background-repeat:no-repeat;background-size:100% 118px}.lencana-page-container:before{content:"";pointer-events:none;z-index:1;opacity:.9;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.8' stroke-opacity='0.08'%3E%3Cpath d='M24 0L48 24L24 48L0 24Z'/%3E%3Cpath d='M0 0L48 48M48 0L0 48'/%3E%3Ccircle cx='24' cy='24' r='1.8' fill='%23ffffff' fill-opacity='0.18'/%3E%3C/g%3E%3C/svg%3E");background-size:48px 48px;height:118px;animation:32s linear infinite geometricPatternDrift;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000f2 0%,#0009 40%,#0003 70%,#0000000a 90%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#0009 40%,#0003 70%,#0000000a 90%,#0000 100%)}.lencana-page-container:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(65% 55% at 30% 20%,#ffffff2e 0%,#ff787814 50%,#0000 75%),radial-gradient(55% 45% at 75% 30%,#ffc8c824 0%,#0000 70%);height:118px;animation:8s ease-in-out infinite alternate ambientLightPulse;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000f2 0%,#0006 65%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#0006 65%,#0000 100%)}.lencana-page-header{color:#fff;box-shadow:none;z-index:10;background:0 0;justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .5rem;display:flex;position:relative}.lencana-page-header .back-btn{-webkit-backdrop-filter:blur(14px);color:#fff;cursor:pointer;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:3px 3px 8px #00000040,-2px -2px 6px #ffffff26,inset 1px 1px 2px #fff6}.lencana-page-header .back-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:4px 6px 12px #0000004d,-2px -2px 8px #ffffff40,inset 1px 1px 2px #ffffff80}.lencana-page-header .back-btn:active{transform:translateY(0)scale(.95);box-shadow:inset 2px 2px 4px #0000004d,inset -1px -1px 2px #fff3}.lencana-title{font-family:var(--font-family);letter-spacing:.5px;color:#fff;text-shadow:0 2px 8px #00000073;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:800;display:flex}.lencana-header-icon{color:gold;filter:drop-shadow(0 0 6px #ffd700cc);font-size:1.35rem}.lencana-page-content{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;max-width:480px;margin:0 auto;padding:1.25rem 1rem;display:flex}.lencana-summary-banner{-webkit-backdrop-filter:blur(16px);background:#fffc;border:1.5px solid #fffffff2;border-radius:20px;flex-direction:column;gap:.85rem;padding:1rem 1.15rem;transition:all .3s;display:flex;box-shadow:6px 8px 18px #a3b1c647,-4px -4px 12px #fffffff2,inset 1px 1px 2px #fffc}[data-theme=dark] .lencana-summary-banner{background:#161b22bf;border:1.5px solid #ffffff1a;box-shadow:6px 8px 20px #00000073,-3px -3px 10px #ffffff08,inset 1px 1px 2px #ffffff14}.summary-left{align-items:center;gap:.85rem;display:flex}.summary-trophy-box{background:linear-gradient(135deg,gold 0%,#f59e0b 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:3px 4px 10px #f59e0b66,inset 1px 1px 2px #fff9}.summary-trophy-icon{color:#7e0507;filter:drop-shadow(0 1px 2px #0003);font-size:1.45rem}.summary-text-group{flex:1}.summary-title{color:var(--text-main);letter-spacing:.2px;margin:0 0 .15rem;font-size:.88rem;font-weight:800}.summary-subtitle{color:var(--text-secondary,#64748b);margin:0;font-size:.74rem;font-weight:600}.summary-progress-wrapper{align-items:center;gap:.75rem;display:flex}.summary-percent-tag{color:#ba1a1a;min-width:38px;font-size:.76rem;font-weight:800}[data-theme=dark] .summary-percent-tag{color:#f87171}.summary-progress-bar-bg{background:#0000000f;border-radius:999px;flex:1;height:8px;overflow:hidden;box-shadow:inset 1px 1px 2px #0000001a}[data-theme=dark] .summary-progress-bar-bg{background:#ffffff14}.summary-progress-bar-fill{background:linear-gradient(90deg,#ba1a1a 0%,#e11d48 100%);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px #ba1a1a73}.tingkatan-filter-container{flex-direction:column;gap:.4rem;margin-bottom:.65rem;display:flex}.tingkatan-filter-header{justify-content:space-between;align-items:center;padding:0 .25rem;display:flex}.tingkatan-filter-label{color:var(--text-muted,#64748b);letter-spacing:.5px;text-transform:uppercase;font-size:.72rem;font-weight:850}.tingkatan-active-indicator{color:#ba1a1a;font-size:.7rem;font-weight:800}.tingkatan-filter-tabs{-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1.5px solid #ffffffe6;border-radius:18px;gap:8px;padding:5px;display:flex;box-shadow:0 4px 14px #0000000d,inset 1px 1px 2px #fff}[data-theme=dark] .tingkatan-filter-tabs{background:#161a22d1;border-color:#ffffff1a;box-shadow:0 6px 18px #00000059,inset 1px 1px 2px #ffffff14}.tingkatan-tab-btn{color:var(--text-muted,#64748b);font-family:var(--font-family);letter-spacing:.4px;cursor:pointer;background:0 0;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:.65rem .85rem;font-size:.8rem;font-weight:850;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}[data-theme=dark] .tingkatan-tab-btn{color:#94a3b8}.tingkatan-tab-btn:hover{color:var(--text-main,#0f172a);background:#0000000a}[data-theme=dark] .tingkatan-tab-btn:hover{color:#fff;background:#ffffff0f}.tingkatan-tab-btn.active{color:#fff;background:linear-gradient(135deg,#ba1a1a 0%,#e11d48 100%);box-shadow:0 4px 14px #ba1a1a66}.tingkatan-tab-btn .tingkat-icon{font-size:.95rem}.history-pill{letter-spacing:.2px;background:#ffffff40;border-radius:6px;padding:2px 6px;font-size:.6rem;font-weight:800}.lencana-tabs{-webkit-backdrop-filter:blur(16px);scrollbar-width:none;transition:var(--transition-all);background:#ffffffd1;border:1.5px solid #ffffffe6;border-radius:18px;gap:8px;padding:6px;display:flex;overflow-x:auto;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #fffc,0 6px 18px #0000000a}.lencana-tabs::-webkit-scrollbar{display:none}[data-theme=dark] .lencana-tabs{background:#161a22d1;border-color:#ffffff1a;box-shadow:inset 3px 3px 6px #00000080,inset -2px -2px 6px #ffffff08,0 6px 18px #00000040}.lencana-tab-btn{color:var(--text-secondary,#64748b);cursor:pointer;letter-spacing:.5px;text-align:center;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:13px;outline:none;flex:none;min-width:80px;padding:.65rem .95rem;font-size:.78rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.lencana-tab-btn:hover{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);background:#ffffff80;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .lencana-tab-btn:hover{color:#fff;background:#ffffff0f;box-shadow:0 2px 8px #0003}.lencana-tab-btn.active{text-shadow:0 1px 2px #0000004d;-webkit-backdrop-filter:blur(12px)!important;color:#fff!important;background:linear-gradient(135deg,#ba1a1a 0%,#e11d48 100%)!important;border:1px solid #fff6!important;font-weight:800!important;box-shadow:inset 1px 1px 3px #ffffff80,inset -2px -2px 5px #00000040,0 6px 18px #ba1a1a61,0 2px 6px #0000001a!important}[data-theme=dark] .lencana-tab-btn.active{background:linear-gradient(135deg,#be123c 0%,#991b1b 100%)!important;border:1px solid #ffffff40!important;box-shadow:inset 1px 1px 3px #fff6,inset -2px -2px 5px #00000073,0 6px 20px #ba1a1a73!important}.lencana-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.lencana-card{-webkit-backdrop-filter:blur(16px);cursor:pointer;text-align:center;box-sizing:border-box;background:#fffc;border:1.5px solid #fffffff2;border-radius:20px;flex-direction:column;align-items:center;padding:1.15rem .75rem 1rem;transition:all .3s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.2,.8,.2,1) backwards lencana-entrance;display:flex;position:relative;overflow:hidden;box-shadow:6px 8px 18px #a3b1c647,-4px -4px 12px #fffffff2,inset 1px 1px 2px #ffffffd9}[data-theme=dark] .lencana-card{background:#161b22bf;border:1.5px solid #ffffff1a;box-shadow:6px 8px 20px #00000073,-3px -3px 10px #ffffff08,inset 1px 1px 2px #ffffff14}.lencana-card:hover{background:#ffffffeb;border-color:#fff;transform:translateY(-4px);box-shadow:8px 12px 24px #a3b1c661,-5px -5px 14px #fff,inset 1px 1px 2px #ffffffe6}[data-theme=dark] .lencana-card:hover{background:#1c212ad9;border-color:#fff3;box-shadow:8px 12px 24px #0000008c,-4px -4px 12px #ffffff0d}.lencana-card:active{transform:translateY(-1px)scale(.98)}.lencana-card-category-tag{letter-spacing:.6px;color:var(--lencana-theme,#ba1a1a);text-transform:uppercase;background:#ffffffbf;border:1px solid #0000000a;border-radius:999px;margin-bottom:.65rem;padding:2px 8px;font-size:.62rem;font-weight:800;box-shadow:0 1px 3px #00000008}[data-theme=dark] .lencana-card-category-tag{background:#ffffff0f;border-color:#ffffff14}.lencana-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:.85rem;display:flex;position:relative}.lencana-icon-ring{border:2px solid var(--lencana-theme,#ba1a1a);background:radial-gradient(circle at 35% 30%,#fff 0%,#f1f5f9 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;box-shadow:4px 5px 12px #a3b1c659,-3px -3px 8px #ffffffe6,inset 1px 1px 3px #ffffffe6}[data-theme=dark] .lencana-icon-ring{background:radial-gradient(circle at 35% 30%,#1e293b 0%,#0f172a 100%);box-shadow:4px 5px 14px #00000080,-2px -2px 6px #ffffff0a,inset 1px 1px 2px #ffffff1a}.lencana-card.unlocked .lencana-icon-ring{animation:4s ease-in-out infinite alternate lencana-float;box-shadow:0 0 16px #f59e0b59,4px 5px 12px #a3b1c659,-3px -3px 8px #ffffffe6}.lencana-card.locked .lencana-icon-ring{background:radial-gradient(circle at 35% 30%,#f8fafc 0%,#e2e8f0 100%);border-color:#94a3b873;box-shadow:inset 2px 2px 5px #00000014,inset -2px -2px 5px #ffffffb3}[data-theme=dark] .lencana-card.locked .lencana-icon-ring{background:radial-gradient(circle at 35% 30%,#1e2430 0%,#141822 100%);border-color:#ffffff1a;box-shadow:inset 2px 2px 5px #0006,inset -2px -2px 5px #ffffff08}.lencana-icon{color:var(--lencana-theme,#f59e0b);filter:drop-shadow(0 2px 4px #00000026);font-size:2rem;transition:transform .3s}.lencana-card.locked .lencana-icon{color:#94a3b8;filter:none;opacity:.55}.lencana-card:hover .lencana-icon{transform:scale(1.1)}.lencana-lock-badge{color:#fff;background:#64748b;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 6px #0003}[data-theme=dark] .lencana-lock-badge{background:#475569;border-color:#1e293b}.lencana-name{color:var(--text-main);text-transform:uppercase;letter-spacing:.2px;justify-content:center;align-items:center;min-height:2rem;margin-bottom:.45rem;font-size:.78rem;font-weight:800;line-height:1.3;display:flex}.lencana-status-pill{letter-spacing:.2px;border-radius:999px;align-items:center;gap:.3rem;width:fit-content;margin-top:auto;padding:.35rem .75rem;font-size:.68rem;font-weight:800;display:flex}.lencana-status-pill .pill-icon{font-size:.75rem}.lencana-status-pill.pill-unlocked{color:#059669;background:#10b9811f;border:1px solid #10b98159;box-shadow:0 2px 6px #10b9811f}[data-theme=dark] .lencana-status-pill.pill-unlocked{color:#34d399;background:#10b9812e;border-color:#34d39959}.lencana-status-pill.pill-locked{color:#64748b;background:#94a3b824;border:1px solid #94a3b840}[data-theme=dark] .lencana-status-pill.pill-locked{color:#94a3b8;background:#ffffff0d;border-color:#ffffff1a}.lencana-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#000000a6;justify-content:center;align-items:center;padding:1.5rem;animation:.3s fade-in;display:flex;position:fixed;inset:0}.lencana-modal-content{-webkit-backdrop-filter:blur(24px);text-align:center;box-sizing:border-box;background:#ffffffe6;border:1.5px solid #fffffff2;border-radius:26px;width:100%;max-width:340px;padding:2.25rem 1.75rem 1.75rem;animation:.4s cubic-bezier(.16,1,.3,1) slide-up-modal;position:relative;box-shadow:0 20px 48px #00000047,inset 1px 1px 3px #ffffffe6}[data-theme=dark] .lencana-modal-content{background:#161b22e0;border:1.5px solid #ffffff1f;box-shadow:0 20px 48px #0009,inset 1px 1px 2px #ffffff1a}.close-modal-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#0000000d;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}[data-theme=dark] .close-modal-btn{color:#cbd5e1;background:#ffffff14;border-color:#ffffff1a}.close-modal-btn:hover{color:#fff;background:#ba1a1a;transform:scale(1.08)}.modal-icon-pod{border:3px solid var(--lencana-theme,#ba1a1a);background:radial-gradient(circle at 35% 30%,#fff 0%,#f1f5f9 100%);border-radius:50%;justify-content:center;align-items:center;width:86px;height:86px;margin:0 auto .85rem;display:flex;position:relative;box-shadow:0 10px 24px #0000001f,inset 2px 2px 4px #ffffffe6}[data-theme=dark] .modal-icon-pod{background:radial-gradient(circle at 35% 30%,#1e293b 0%,#0f172a 100%);box-shadow:0 10px 24px #00000073,inset 1px 1px 3px #ffffff1a}.modal-icon-large{color:var(--lencana-theme,#f59e0b);filter:drop-shadow(0 3px 6px #00000026);font-size:3rem}.lencana-modal-content.locked .modal-icon-large{color:#94a3b8;filter:none;opacity:.55}.modal-lock-tag{color:#fff;background:#64748b;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 6px #0003}[data-theme=dark] .modal-lock-tag{border-color:#1e293b}.modal-tags-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:.5rem;display:flex}.modal-tingkat-badge{color:#fff;letter-spacing:.4px;text-transform:uppercase;background:linear-gradient(135deg,#ba1a1a 0%,#e11d48 100%);border-radius:999px;padding:.22rem .7rem;font-size:.65rem;font-weight:850;display:inline-block}.modal-category-badge{color:var(--lencana-theme,#ba1a1a);letter-spacing:.5px;text-transform:uppercase;background:#0000000d;border:1px solid #00000014;border-radius:999px;padding:.22rem .7rem;font-size:.65rem;font-weight:800;display:inline-block}[data-theme=dark] .modal-category-badge{background:#ffffff0f;border-color:#ffffff1a}.modal-title{font-family:var(--font-family);color:var(--text-main);letter-spacing:.2px;margin:0 0 .5rem;font-size:1.15rem;font-weight:800}.modal-desc{color:var(--text-secondary,#64748b);margin:0 0 1.25rem;font-size:.8rem;line-height:1.5}.modal-status{letter-spacing:.3px;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.55rem 1.15rem;font-size:.74rem;font-weight:800;display:flex}.modal-status.status-unlocked{color:#059669;background:#10b98124;border:1px solid #10b98159;box-shadow:0 2px 8px #10b98126}[data-theme=dark] .modal-status.status-unlocked{color:#34d399;background:#10b98133}.modal-status.status-locked{color:#64748b;background:#94a3b826;border:1px solid #94a3b840}[data-theme=dark] .modal-status.status-locked{color:#94a3b8;background:#ffffff0f}.modal-progress-indicator{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin:-.2rem 0 .2rem;padding:6px 12px;font-size:.76rem;display:flex}[data-theme=light] .modal-progress-indicator{background:#f8fafc;border-color:#e2e8f0}.progress-hint-label{color:var(--text-muted,#94a3b8);font-weight:600}.progress-hint-value{color:var(--lencana-theme,#ba1a1a);font-weight:800}.modal-actions-wrapper{flex-direction:column;gap:.55rem;width:100%;margin-top:.4rem;display:flex}.modal-piagam-trigger-btn{color:#fff;width:100%;font-family:var(--font-main);letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#d97706 0%,#b45309 50%,#ba1a1a 100%);border:1px solid #d9770666;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:.85rem 1rem;font-size:.84rem;font-weight:850;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 18px #d9770659,inset 1px 1px 2px #ffffff59}.modal-piagam-trigger-btn .btn-award-icon{color:#fef08a;filter:drop-shadow(0 2px 4px #0000004d);font-size:1.1rem}.modal-piagam-trigger-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 10px 24px #d9770680,inset 1px 1px 2px #ffffff80}.modal-piagam-trigger-btn:active{transform:translateY(0)}.modal-ok-btn{width:100%;color:var(--text-main,#f8fafc);font-family:var(--font-main);letter-spacing:.5px;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;padding:.75rem 1rem;font-size:.82rem;font-weight:700;transition:all .2s}[data-theme=light] .modal-ok-btn{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.modal-ok-btn:hover{background:#ffffff26;transform:translateY(-1px)}.modal-ok-btn:active{transform:translateY(0)}@keyframes lencana-entrance{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lencana-float{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes slide-up-modal{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.game-morse-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:2100;background:#000000b8;justify-content:center;align-items:center;padding:1rem;animation:.22s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.game-morse-modal-card{background:var(--bg-card,#fff);border:1.5px solid #ffffff80;border-radius:24px;flex-direction:column;width:100%;max-width:460px;max-height:92vh;padding:1.25rem 1.25rem 1.35rem;animation:.28s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 60px #00000059,0 10px 25px #0003}[data-theme=dark] .game-morse-modal-card{background:#111827;border-color:#ffffff14}.game-morse-header{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.game-morse-header-left{align-items:center;gap:.5rem;display:flex}.game-morse-category-pill{color:#0284c7;letter-spacing:.4px;background:linear-gradient(135deg,#0284c726,#0369a126);border:1px solid #0284c759;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}[data-theme=dark] .game-morse-category-pill{color:#38bdf8;border-color:#38bdf859}.game-morse-progress-text{color:var(--text-muted);font-size:.75rem;font-weight:600}.game-morse-header-right{align-items:center;gap:.6rem;display:flex}.game-morse-score-pill{color:#d97706;background:linear-gradient(135deg,#f59e0b29,#d9770633);border:1px solid #f59e0b66;border-radius:14px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.game-morse-score-pill .zap-icon{color:#f59e0b}.game-morse-close-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.game-morse-close-btn:hover{color:#ef4444;background:#ef444426}.game-morse-progress-bar-bg{background:#0000000f;border-radius:6px;width:100%;height:6px;margin-bottom:1rem;overflow:hidden}[data-theme=dark] .game-morse-progress-bar-bg{background:#ffffff14}.game-morse-progress-bar-fill{background:linear-gradient(90deg,#0284c7,#38bdf8);border-radius:6px;height:100%;transition:width .35s}.game-morse-content{flex-direction:column;gap:.9rem;display:flex}.game-morse-visual-stage{background:linear-gradient(#f0f9ffd9 0%,#e0f2fe99 100%);border:1.5px solid #bae6fdcc;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:1.25rem 1rem;display:flex;box-shadow:inset 0 2px 6px #00000008}[data-theme=dark] .game-morse-visual-stage{background:#0c182cbf;border-color:#38bdf833}.morse-dots-display{letter-spacing:5px;color:#0369a1;text-shadow:0 2px 8px #0284c733;word-break:break-all;text-align:center;font-family:Courier New,monospace;font-size:2.1rem;font-weight:900}[data-theme=dark] .morse-dots-display{color:#38bdf8;text-shadow:0 0 14px #38bdf866}.morse-sound-play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:20px;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0284c759}.morse-sound-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0284c773}.morse-sound-play-btn.is-playing{background:linear-gradient(135deg,#059669 0%,#047857 100%);animation:1s infinite pulse;box-shadow:0 4px 14px #10b98166}.game-morse-question-area{flex-direction:column;gap:.25rem;display:flex}.game-morse-question-text{color:var(--text-main);margin:0;font-size:.92rem;font-weight:700;line-height:1.4}.game-morse-hint{color:var(--text-muted);margin:0;font-size:.75rem;font-style:italic}.game-morse-options-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.game-morse-option-btn{cursor:pointer;color:var(--text-main);text-align:left;background:#ffffffe6;border:1.5px solid #0000001a;border-radius:14px;align-items:center;gap:.65rem;padding:.85rem 1rem;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #0000000a}[data-theme=dark] .game-morse-option-btn{background:#ffffff0a;border-color:#ffffff1a}.game-morse-option-btn:hover:not(:disabled){background:#0284c70d;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 6px 14px #0284c726}.game-morse-option-btn .option-letter{width:24px;height:24px;color:var(--text-muted);background:#0000000f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:flex}[data-theme=dark] .game-morse-option-btn .option-letter{background:#ffffff14}.game-morse-option-btn .option-label{flex:1;font-size:.88rem;font-weight:800}.game-morse-option-btn .option-feedback-icon{color:#10b981;font-size:1.15rem}.game-morse-option-btn.is-correct{color:#059669!important;background:#10b9811f!important;border-color:#10b981!important;box-shadow:0 4px 12px #10b98133!important}.game-morse-option-btn.is-wrong{color:#dc2626!important;background:#ef44441f!important;border-color:#ef4444!important;box-shadow:0 4px 12px #ef444433!important}.game-morse-option-btn.is-disabled{opacity:.45;cursor:default}.game-morse-feedback-banner{background:#00000006;border:1px solid #00000014;border-radius:16px;flex-direction:column;gap:.75rem;padding:.85rem 1rem;animation:.25s ease-out slide-up-game;display:flex}[data-theme=dark] .game-morse-feedback-banner{background:#ffffff09;border-color:#ffffff14}.game-morse-next-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #0284c759}.game-morse-next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0284c773}.game-morse-victory-view{text-align:center;flex-direction:column;align-items:center;padding:1.5rem .5rem .5rem;animation:.3s ease-out modalScaleUp;display:flex}.game-morse-play-again-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-size:.88rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #0284c759}.game-morse-play-again-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0284c773}.game-morse-finish-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:14px;padding:.75rem;font-size:.82rem;font-weight:700;transition:all .2s}[data-theme=dark] .game-morse-finish-btn{border-color:#ffffff26}.game-morse-finish-btn:hover{color:var(--text-main);background:#0000000a}.game-kuis-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:2150;background:#0a0e1ad1;justify-content:center;align-items:center;padding:1rem;animation:.22s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.game-kuis-modal-card{background:var(--bg-card,#fff);border:1.5px solid #fff9;border-radius:26px;flex-direction:column;width:100%;max-width:500px;max-height:94vh;padding:1.25rem 1.25rem 1.4rem;animation:.28s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 60px #0006,0 10px 25px #00000040}[data-theme=dark] .game-kuis-modal-card{background:#141824;border-color:#ffffff14}.game-kuis-header{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.game-kuis-header-left{align-items:center;gap:.5rem;display:flex}.game-kuis-tag{color:#7c3aed;letter-spacing:.5px;background:linear-gradient(135deg,#7c3aed29,#6d28d938);border:1px solid #7c3aed59;border-radius:20px;padding:.22rem .65rem;font-size:.72rem;font-weight:800}[data-theme=dark] .game-kuis-tag{color:#a78bfa;border-color:#a78bfa59}.game-kuis-counter{color:var(--text-muted);font-size:.75rem;font-weight:700}.game-kuis-header-center{align-items:center;display:flex}.game-kuis-streak-badge{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#f59e0b 100%);border-radius:12px;padding:.2rem .6rem;font-size:.7rem;font-weight:900;animation:1s infinite alternate pulse;box-shadow:0 4px 10px #ef444459}.game-kuis-header-right{align-items:center;gap:.5rem;display:flex}.game-kuis-score-pill{color:#d97706;background:linear-gradient(135deg,#f59e0b26,#d9770633);border:1px solid #f59e0b66;border-radius:14px;align-items:center;gap:.3rem;padding:.22rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.game-kuis-score-pill .zap-icon{color:#f59e0b}.game-kuis-close-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.game-kuis-close-btn:hover{color:#ef4444;background:#ef444426}.game-kuis-timer-container{background:#0000000f;border-radius:10px;width:100%;height:7px;margin-bottom:.85rem;overflow:hidden}[data-theme=dark] .game-kuis-timer-container{background:#ffffff14}.game-kuis-timer-bar{background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:10px;height:100%;transition:width 1s linear}.game-kuis-timer-bar.critical{background:linear-gradient(90deg,#ef4444,#f97316);animation:.5s infinite alternate pulse}.game-kuis-powerups-bar{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.powerup-btn{color:var(--text-main);cursor:pointer;background:#00000009;border:1px solid #0000001a;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:.4rem .5rem;font-size:.72rem;font-weight:800;transition:all .2s;display:flex}[data-theme=dark] .powerup-btn{background:#ffffff0a;border-color:#ffffff1a}.powerup-btn:hover:not(:disabled){color:#7c3aed;background:#7c3aed1f;border-color:#7c3aed;transform:translateY(-1.5px)}.powerup-btn.used{opacity:.35;cursor:not-allowed;text-decoration:line-through}.powerup-btn.active-shield{color:#059669;background:#10b98133;border-color:#10b981;animation:1.2s infinite pulse}.kuis-time-display{color:var(--text-muted);align-items:center;gap:.3rem;padding:.3rem .5rem;font-size:.76rem;font-weight:800;display:flex}.game-kuis-question-card{text-align:center;background:linear-gradient(135deg,#7c3aed0f 0%,#3b82f60f 100%);border:1.5px solid #7c3aed33;border-radius:20px;justify-content:center;align-items:center;min-height:85px;margin-bottom:.85rem;padding:1.25rem 1.15rem;display:flex;box-shadow:0 4px 14px #7c3aed0d}[data-theme=dark] .game-kuis-question-card{background:#1a2032b3;border-color:#a78bfa40}.kuis-question-text{color:var(--text-main);margin:0;font-size:.98rem;font-weight:800;line-height:1.45}.kuis-reaction-banner{text-align:center;border-radius:12px;margin-bottom:.75rem;padding:.55rem 1rem;font-size:.85rem;font-weight:800;animation:.25s ease-out slide-up-game}.kuis-reaction-banner.win{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98159}.kuis-reaction-banner.lose{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 14px #ef444459}.game-kuis-options-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.85rem;display:grid}.kuis-option-card{cursor:pointer;color:#fff;text-align:left;border:none;border-radius:16px;align-items:center;gap:.65rem;padding:.95rem .85rem;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 14px #00000026}.kuis-option-card:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-3px)scale(1.02);box-shadow:0 10px 20px #00000040}.kuis-option-card:active:not(:disabled){transform:translateY(0)}.opt-color-0{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.opt-color-1{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.opt-color-2{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.opt-color-3{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.opt-shape-icon{opacity:.75;flex-shrink:0;font-size:.85rem}.opt-text{flex:1;font-size:.84rem;font-weight:700;line-height:1.35}.opt-correct-icon{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);font-size:1.3rem}.kuis-option-card.eliminated{pointer-events:none;filter:grayscale();opacity:.15!important}.kuis-option-card.is-correct{animation:.8s infinite alternate pulse;border:2px solid #fff!important}.kuis-option-card.is-wrong{opacity:.6;filter:brightness(.5)grayscale(50%)!important}.kuis-option-card.is-dimmed{opacity:.35}.kuis-explanation-dock{background:#00000008;border:1px solid #00000014;border-radius:18px;flex-direction:column;gap:.85rem;padding:.95rem 1.1rem;animation:.25s ease-out slide-up-game;display:flex}[data-theme=dark] .kuis-explanation-dock{background:#ffffff0a;border-color:#ffffff14}.explanation-text-box strong{color:#7c3aed;margin-bottom:.25rem;font-size:.78rem;display:block}[data-theme=dark] .explanation-text-box strong{color:#a78bfa}.explanation-text-box p{color:var(--text-main);margin:0;font-size:.8rem;line-height:1.45}.kuis-btn-next-question{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.25rem;font-size:.88rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #7c3aed59}.kuis-btn-next-question:hover{transform:translateY(-2px);box-shadow:0 6px 18px #7c3aed73}.game-kuis-result-stage{text-align:center;flex-direction:column;align-items:center;padding:1.5rem .5rem .5rem;animation:.3s ease-out modalScaleUp;display:flex}.kuis-result-trophy{background:linear-gradient(135deg,#fde047 0%,#f59e0b 50%,#d97706 100%);border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:1rem;display:flex;box-shadow:0 12px 30px #f59e0b73,inset 0 2px 4px #ffffffb3}.trophy-icon{color:#78350f;font-size:2.6rem}.result-headline{color:var(--text-main);margin:0 0 .4rem;font-size:1.4rem;font-weight:900}.result-subtext{color:var(--text-muted);max-width:320px;margin:0 0 1.35rem;font-size:.82rem;line-height:1.45}.result-score-matrix{background:#00000009;border:1px solid #00000014;border-radius:18px;justify-content:space-around;align-items:center;width:100%;max-width:380px;margin-bottom:1.5rem;padding:.95rem 1.15rem;display:flex}[data-theme=dark] .result-score-matrix{background:#ffffff09;border-color:#ffffff14}.matrix-col{flex-direction:column;gap:.2rem;display:flex}.matrix-label{color:var(--text-muted);font-size:.7rem;font-weight:600}.matrix-num{color:var(--text-main);font-size:1.25rem;font-weight:900}.matrix-num.highlight{color:#f59e0b}.matrix-num.xp{color:#10b981}.matrix-divider{background:#0000001a;width:1px;height:32px}[data-theme=dark] .matrix-divider{background:#ffffff1a}.result-actions{flex-direction:column;gap:.65rem;width:100%;max-width:290px;display:flex}.game-kuis-btn-replay{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-size:.9rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #7c3aed59}.game-kuis-btn-replay:hover{transform:translateY(-2px);box-shadow:0 6px 18px #7c3aed73}.game-kuis-btn-finish{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:14px;padding:.75rem;font-size:.82rem;font-weight:700;transition:all .2s}[data-theme=dark] .game-kuis-btn-finish{border-color:#ffffff26}.game-kuis-btn-finish:hover{color:var(--text-main);background:#0000000a}.coming-soon-overlay{-webkit-backdrop-filter:blur(12px);z-index:2100;background:#0f172ac7;justify-content:center;align-items:center;padding:1.25rem;animation:.28s cubic-bezier(.16,1,.3,1) csFadeIn;display:flex;position:fixed;inset:0}.coming-soon-card{text-align:center;background:#fff;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:1.75rem 1.5rem 1.5rem;animation:.32s cubic-bezier(.175,.885,.32,1.275) csScaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #00000059,inset 0 0 0 1px #fffc}[data-theme=dark] .coming-soon-card{background:#111827;box-shadow:0 25px 60px -15px #000000b3,inset 0 0 0 1px #ffffff14}.coming-soon-glow-sphere{filter:blur(28px);pointer-events:none;z-index:0;background:radial-gradient(circle,#f59e0b47 0%,#d9770614 60%,#0000 100%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60px}.coming-soon-close-btn{color:#475569;cursor:pointer;z-index:2;background:#64748b1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.coming-soon-close-btn:hover{color:#0f172a;background:#64748b38;transform:rotate(90deg)scale(1.08)}[data-theme=dark] .coming-soon-close-btn{color:#94a3b8;background:#ffffff14}[data-theme=dark] .coming-soon-close-btn:hover{color:#f8fafc;background:#ffffff29}.coming-soon-3d-stage{perspective:900px;z-index:1;justify-content:center;align-items:center;width:140px;height:140px;margin:.5rem 0 1rem;display:flex;position:relative}.stage-pulse-ring{border:2px dashed #f59e0b73;border-radius:50%;width:130px;height:130px;animation:12s linear infinite stageRotateRing;position:absolute}.stage-glow-core{filter:blur(10px);background:radial-gradient(circle,#fbbf2466 0%,#f59e0b1a 70%,#0000 100%);border-radius:50%;width:90px;height:90px;animation:2.4s ease-in-out infinite alternate stagePulseGlow;position:absolute}.stage-3d-isometric-cube{width:110px;height:110px;transform-style:preserve-3d;filter:drop-shadow(0 14px 18px #d9770659);animation:3.6s ease-in-out infinite alternate float3dIsometric;position:relative}.stage-svg-3d{width:100%;height:100%}.stage-satellite{border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 4px 12px #0003}.stage-satellite.sat-1{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);width:32px;height:32px;font-size:.95rem;animation:4s ease-in-out infinite alternate satOrbit1;top:6px;right:6px}.stage-satellite.sat-2{color:#fff;background:linear-gradient(135deg,#10b981,#059669);width:28px;height:28px;font-size:.85rem;animation:4.5s ease-in-out infinite alternate satOrbit2;bottom:8px;left:6px}.coming-soon-badge-row{z-index:1;align-items:center;gap:8px;margin-bottom:.6rem;display:flex}.cs-status-pill{color:#b45309;letter-spacing:.5px;text-transform:uppercase;background:#f59e0b24;border:1px solid #f59e0b59;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:.74rem;font-weight:800;display:inline-flex}[data-theme=dark] .cs-status-pill{color:#fcd34d;background:#f59e0b2e;border-color:#f59e0b66}.cs-status-dot{background:#f59e0b;border-radius:50%;width:7px;height:7px;animation:1.2s infinite statusPulse}.coming-soon-title{color:#0f172a;letter-spacing:-.3px;z-index:1;margin:0 0 .35rem;font-size:1.35rem;font-weight:900}[data-theme=dark] .coming-soon-title{color:#f8fafc}.coming-soon-subtitle{color:#d97706;text-transform:uppercase;letter-spacing:.4px;z-index:1;margin:0 0 1rem;font-size:.82rem;font-weight:700}[data-theme=dark] .coming-soon-subtitle{color:#fbbf24}.coming-soon-desc-box{color:#475569;text-align:left;z-index:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:1rem;padding:.95rem 1rem;font-size:.82rem;line-height:1.5}[data-theme=dark] .coming-soon-desc-box{color:#94a3b8;background:#ffffff0a;border-color:#ffffff14}.coming-soon-desc-box p{margin:0 0 .6rem}.coming-soon-features-sneak{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cs-feature-item{color:#1e293b;align-items:center;gap:7px;font-size:.78rem;font-weight:600;display:flex}[data-theme=dark] .cs-feature-item{color:#e2e8f0}.cs-feature-icon{color:#f59e0b;flex-shrink:0;font-size:.85rem}.cs-alternative-banner{text-align:left;color:#0369a1;z-index:1;background:#0284c714;border:1px solid #0284c733;border-radius:14px;align-items:flex-start;gap:8px;width:100%;margin-bottom:1.25rem;padding:.65rem .85rem;font-size:.76rem;line-height:1.45;display:flex}[data-theme=dark] .cs-alternative-banner{color:#7dd3fc;background:#0284c724;border-color:#0284c74d}.cs-alt-icon{color:#0284c7;flex-shrink:0;margin-top:2px;font-size:.95rem}.coming-soon-actions{z-index:1;flex-direction:column;gap:8px;width:100%;display:flex}.cs-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:.78rem 1rem;font-size:.88rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #d9770659}.cs-primary-btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 7px 20px #d9770673}.cs-primary-btn:active{transform:translateY(0)}@keyframes csFadeIn{0%{opacity:0}to{opacity:1}}@keyframes csScaleUp{0%{opacity:0;transform:scale(.88)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes float3dIsometric{0%{transform:translateY(0)rotateX(16deg)rotateY(-22deg)}50%{transform:translateY(-9px)rotateX(24deg)rotateY(-14deg)}to{transform:translateY(-16px)rotateX(18deg)rotateY(-26deg)}}@keyframes stageRotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stagePulseGlow{0%{opacity:.5;transform:scale(.9)}to{opacity:.85;transform:scale(1.2)}}@keyframes satOrbit1{0%{transform:translateY(0)scale(1)}to{transform:translateY(-7px)scale(1.08)}}@keyframes satOrbit2{0%{transform:translateY(0)scale(1)}to{transform:translateY(6px)scale(1.05)}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.game-page-container{background-color:var(--bg-main,#f0f4f8);width:calc(100% + 3rem);min-height:100vh;color:var(--text-main);box-sizing:border-box;background-image:linear-gradient(#750406 0,#850608 15px,#990a0d 32px,#af1014f2 48px,#c3161ad1 62px,#d71c209e 75px,#e1282d6b 86px,#eb373c40 96px,#f04b5021 104px,#f564690d 110px,#fa828704 115px,#0000 118px);background-repeat:no-repeat;background-size:100% 118px;flex-direction:column;margin:-1.5rem -1.5rem 0;padding-bottom:120px;display:flex;position:relative;overflow-x:hidden}[data-theme=dark] .game-page-container{background-color:var(--bg-main,#0b0e14);background-image:linear-gradient(#4d0204 0,#420204 15px,#410204f2 32px,#410204cc 48px,#41020494 64px,#4102045c 78px,#41020433 90px,#41020417 100px,#41020408 108px,#41020402 114px,#0000 118px);background-repeat:no-repeat;background-size:100% 118px}.game-page-container:before{content:"";pointer-events:none;z-index:1;opacity:.9;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.8' stroke-opacity='0.08'%3E%3Cpath d='M24 0L48 24L24 48L0 24Z'/%3E%3Cpath d='M0 0L48 48M48 0L0 48'/%3E%3Ccircle cx='24' cy='24' r='1.8' fill='%23ffffff' fill-opacity='0.18'/%3E%3C/g%3E%3C/svg%3E");background-size:48px 48px;height:118px;animation:32s linear infinite geometricPatternDrift;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000f2 0%,#0009 40%,#0003 70%,#0000000a 90%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#0009 40%,#0003 70%,#0000000a 90%,#0000 100%)}.game-page-container:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(65% 55% at 30% 20%,#ffffff2e 0%,#ff787814 50%,#0000 75%),radial-gradient(55% 45% at 75% 30%,#ffc8c824 0%,#0000 70%);height:118px;animation:8s ease-in-out infinite alternate ambientLightPulse;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000f2 0%,#0006 65%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#0006 65%,#0000 100%)}.game-page-header{color:#fff;box-shadow:none;z-index:10;background:0 0;justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .5rem;display:flex;position:relative}.game-page-header .back-btn{-webkit-backdrop-filter:blur(14px);color:#fff;cursor:pointer;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:3px 3px 8px #00000040,-2px -2px 6px #ffffff26,inset 1px 1px 2px #fff6}.game-page-header .back-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:4px 6px 12px #0000004d,-2px -2px 8px #ffffff40,inset 1px 1px 2px #ffffff80}.game-page-header .back-btn:active{transform:translateY(0)scale(.95);box-shadow:inset 2px 2px 4px #0000004d,inset -1px -1px 2px #fff3}.game-title{font-family:var(--font-family);letter-spacing:.5px;color:#fff;text-shadow:0 2px 8px #00000073;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:800;display:flex}.game-header-icon{color:gold;filter:drop-shadow(0 0 6px #ffd700cc);font-size:1.35rem}.game-page-content{box-sizing:border-box;flex-direction:column;gap:1.15rem;width:100%;max-width:520px;margin:0 auto;padding:1.25rem 1rem;display:flex}.game-grid-container{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;display:grid}.game-card-grid{text-align:center;-webkit-backdrop-filter:blur(14px);border-radius:var(--border-radius-lg,18px);cursor:pointer;background:#ffffffa6;border:1.5px solid #fffc;flex-direction:column;align-items:center;padding:1.25rem .85rem 1rem;transition:all .28s cubic-bezier(.16,1,.3,1);animation:.45s cubic-bezier(.2,.8,.2,1) backwards slide-up-game;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px 16px #0000000d,-4px -4px 14px #ffffffe6,inset 1px 1px 2px #fff9}.game-card-coming-soon-badge{color:#fff;letter-spacing:.4px;text-transform:uppercase;z-index:2;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:999px;padding:2.5px 7px;font-size:.58rem;font-weight:850;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #d9770659}[data-theme=dark] .game-card-grid{background:#141821bf;border:1.5px solid #ffffff14;box-shadow:6px 6px 18px #00000059,-3px -3px 12px #ffffff08,inset 1px 1px 2px #ffffff0d}.game-card-grid:hover{background:#ffffffd9;border-color:#fffffff2;transform:translateY(-5px)scale(1.025);box-shadow:10px 12px 24px #00000014,-6px -6px 18px #fffffff2}[data-theme=dark] .game-card-grid:hover{background:#1c2230d9;border-color:#ffffff29;box-shadow:10px 14px 26px #00000080,-4px -4px 14px #ffffff0d}.game-card-grid:active{transform:translateY(-2px)scale(.99)}.game-card-icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:.75rem;transition:transform .25s;display:flex;box-shadow:0 8px 16px #00000026,inset 2px 2px 4px #fff6,inset -2px -2px 4px #00000026}.game-card-icon-wrapper.is-3d-wrapper{overflow:visible;box-shadow:none!important;background:0 0!important}.game-3d-icon{filter:drop-shadow(0 6px 12px #00000038);transition:transform .28s cubic-bezier(.16,1,.3,1),filter .28s}.game-card-grid:hover .game-3d-icon{filter:drop-shadow(0 10px 18px #00000052);transform:translateY(-4px)scale(1.12)rotate(2deg)}.game-modal-icon-ring.is-3d-ring{box-shadow:none!important;background:0 0!important}.navi-air-icon-box.is-3d-box{background:linear-gradient(135deg,#dc26262e,#991b1b52);border:1.5px solid #dc262666;box-shadow:0 8px 22px #dc262640}.game-card-grid:hover .game-card-icon-wrapper:not(.is-3d-wrapper){transform:scale(1.08)rotate(2deg)}.game-card-icon-wrapper .game-icon{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);font-size:1.85rem}.game-card-category{text-transform:uppercase;letter-spacing:.6px;color:#c62828;margin-bottom:.25rem;font-size:.65rem;font-weight:700}[data-theme=dark] .game-card-category{color:#ef5350}.game-card-title{font-family:var(--font-family);color:var(--text-main);justify-content:center;align-items:center;min-height:2.1rem;margin:0 0 .65rem;font-size:.82rem;font-weight:700;line-height:1.3;display:flex}.game-card-reward{color:#d97706;background:linear-gradient(135deg,#ffc10729,#f59e0b29);border:1px solid #f59e0b59;border-radius:12px;align-items:center;gap:.3rem;padding:.22rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}[data-theme=dark] .game-card-reward{color:#fbbf24;background:linear-gradient(135deg,#ffc1071f,#f59e0b1f);border-color:#ffd7004d}.game-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.22s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.game-modal-card{background:var(--bg-card,#fff);box-sizing:border-box;border:1.5px solid #fff6;border-radius:24px;width:100%;max-width:440px;max-height:88vh;padding:1.6rem 1.35rem 1.35rem;animation:.28s cubic-bezier(.16,1,.3,1) modalScaleUp;position:relative;overflow-y:auto;box-shadow:0 24px 50px #00000040,0 10px 20px #00000026}[data-theme=dark] .game-modal-card{background:#181d28;border-color:#ffffff1a;box-shadow:0 24px 50px #0009,0 10px 20px #0006}.game-modal-close-btn{cursor:pointer;width:36px;height:36px;color:var(--text-muted);z-index:10;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}[data-theme=dark] .game-modal-close-btn{color:#ffffffb3;background:#ffffff14}.game-modal-close-btn:hover{color:#c62828;background:#c6282826;transform:rotate(90deg)}.game-modal-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.25rem;display:flex}.game-modal-icon-ring{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:.85rem;display:flex;box-shadow:0 10px 22px #0003,inset 2px 2px 4px #ffffff73}.game-modal-icon-ring .game-icon{color:#fff;font-size:2.3rem}.game-modal-tags{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:.45rem;display:flex}.game-modal-category-tag{color:#c62828;background:#c628281a;border-radius:12px;padding:.22rem .65rem;font-size:.72rem;font-weight:700}[data-theme=dark] .game-modal-category-tag{color:#ef5350;background:#ef53502e}.game-modal-diff-tag{color:#0284c7;background:#0284c71a;border-radius:12px;padding:.22rem .65rem;font-size:.72rem;font-weight:700}[data-theme=dark] .game-modal-diff-tag{color:#38bdf8;background:#38bdf82e}.game-modal-title{font-family:var(--font-family);color:var(--text-main);letter-spacing:.5px;margin:0;font-size:1.15rem;font-weight:800}.game-modal-body{flex-direction:column;gap:.85rem;display:flex}.game-modal-section{background:#00000006;border:1px solid #0000000d;border-radius:14px;padding:.85rem 1rem}[data-theme=dark] .game-modal-section{background:#ffffff09;border-color:#ffffff0f}.game-modal-section-title{color:var(--text-main);align-items:center;gap:.45rem;margin:0 0 .35rem;font-size:.8rem;font-weight:700;display:flex}.game-modal-desc,.game-modal-rules{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.5}.game-modal-skills-list{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.game-skill-pill{color:#059669;background:#10b9811f;border:1px solid #10b98140;border-radius:8px;align-items:center;gap:.3rem;padding:.22rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}[data-theme=dark] .game-skill-pill{color:#34d399;background:#10b98126;border-color:#10b9814d}.game-skill-pill .skill-check-icon{font-size:.85rem}.game-modal-reward-card{background:linear-gradient(135deg,#ffc10726,#f59e0b33);border:1.5px dashed #f59e0b73;border-radius:14px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}[data-theme=dark] .game-modal-reward-card{background:linear-gradient(135deg,#ffc1071a,#f59e0b24);border-color:#f59e0b59}.game-modal-reward-card .reward-label{color:var(--text-muted);font-size:.76rem;font-weight:600}.game-modal-reward-card .reward-value{color:#d97706;font-size:.92rem;font-weight:800}[data-theme=dark] .game-modal-reward-card .reward-value{color:#fbbf24}.game-modal-actions{flex-direction:column;gap:.5rem;margin-top:1.15rem;display:flex}.game-modal-play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c62828 0%,#e53935 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-size:.9rem;font-weight:700;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #c6282859}.game-modal-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #c6282873}.game-modal-play-btn:active{transform:translateY(0)}.game-modal-play-btn.is-coming-soon{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);box-shadow:0 4px 14px #d9770659}.game-modal-play-btn.is-coming-soon:hover{box-shadow:0 6px 18px #d9770673}.game-modal-cancel-btn{border:1px solid var(--border-color,#0000001a);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:14px;padding:.7rem;font-size:.85rem;font-weight:600;transition:all .2s}[data-theme=dark] .game-modal-cancel-btn{border-color:#ffffff1f}.game-modal-cancel-btn:hover{color:var(--text-main);background:#0000000a}[data-theme=dark] .game-modal-cancel-btn:hover{background:#ffffff0d}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slide-up-game{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.navi-air-card{-webkit-backdrop-filter:blur(20px)saturate(180%);cursor:pointer;background:#ffffffb8;border:1.5px solid #ffffffe6;border-radius:22px;flex-direction:column;gap:.9rem;margin-bottom:.25rem;padding:1.2rem 1.15rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000f,0 2px 8px #dc262614,inset 1px 1px 2px #fffc}[data-theme=dark] .navi-air-card{background:#1a1214d9;border:1.5px solid #ef444438;box-shadow:0 12px 36px #00000073,0 2px 14px #dc26262e,inset 1px 1px 2px #ffffff14}.navi-air-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #dc262626,0 4px 12px #00000014,inset 1px 1px 2px #ffffffe6}[data-theme=dark] .navi-air-card:hover{border-color:#f8717173;box-shadow:0 16px 45px #dc26264d,0 6px 16px #0009}.navi-air-card:active{transform:scale(.985)}.navi-air-card-glow{pointer-events:none;filter:blur(14px);background:radial-gradient(circle,#dc262633 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-50px;right:-50px}[data-theme=dark] .navi-air-card-glow{background:radial-gradient(circle,#ef444440 0%,#0000 70%)}.navi-air-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.navi-air-badge{color:#dc2626;letter-spacing:.5px;background:#dc262617;border:1px solid #dc26263d;border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:.68rem;font-weight:800;display:inline-flex}[data-theme=dark] .navi-air-badge{color:#f87171;background:#ef444426;border-color:#ef444452}.navi-air-pulse-dot{background:#dc2626;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite naviAirDotPulse;box-shadow:0 0 8px #dc2626}[data-theme=dark] .navi-air-pulse-dot{background:#f87171;box-shadow:0 0 8px #f87171}@keyframes naviAirDotPulse{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.35)}}.navi-air-status-tag{color:#d97706;letter-spacing:.4px;background:#f59e0b24;border:1px solid #f59e0b47;border-radius:6px;padding:3px 8px;font-size:.65rem;font-weight:850}[data-theme=dark] .navi-air-status-tag{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b66}.navi-air-body-row{align-items:center;gap:1rem;display:flex}.navi-air-icon-box{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:0 8px 20px #dc262652}.navi-air-main-icon{z-index:2;font-size:1.7rem}.navi-air-icon-waves span{pointer-events:none;border:1.5px solid #fff6;border-radius:22px;animation:2.4s cubic-bezier(.2,.8,.4,1) infinite naviAirWave;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navi-air-icon-waves span:first-child{width:58px;height:58px;animation-delay:0s}.navi-air-icon-waves span:nth-child(2){width:66px;height:66px;animation-delay:.8s}.navi-air-icon-waves span:nth-child(3){width:74px;height:74px;animation-delay:1.6s}@keyframes naviAirWave{0%{opacity:.8;transform:translate(-50%,-50%)scale(.85)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}.navi-air-info{flex-direction:column;flex:1;gap:3px;display:flex}.navi-air-title{letter-spacing:.5px;color:var(--text-main,#0f172a);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:850;display:flex}[data-theme=dark] .navi-air-title{color:#f8fafc}.navi-air-tagline{color:#dc2626;background:#dc262617;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:600}[data-theme=dark] .navi-air-tagline{color:#f87171;background:#ef444429}.navi-air-desc{color:var(--text-muted,#64748b);margin:0;font-size:.78rem;line-height:1.42}.navi-air-footer-row{border-top:1px solid #0000000f;justify-content:flex-end;align-items:center;padding-top:.75rem;display:flex}[data-theme=dark] .navi-air-footer-row{border-top-color:#ffffff14}.navi-air-explore-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:7px 14px;font-size:.75rem;font-weight:750;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #dc262647}.navi-air-explore-btn:hover{filter:brightness(1.08);transform:translate(2px);box-shadow:0 6px 18px #dc262661}.game-section-heading{justify-content:space-between;align-items:center;margin-top:.6rem;margin-bottom:.15rem;display:flex}.game-section-heading .heading-left{flex-direction:column;gap:2px;display:flex}.game-section-heading .section-title{color:var(--text-main,#0f172a);letter-spacing:.3px;margin:0;font-size:.98rem;font-weight:800}[data-theme=dark] .game-section-heading .section-title{color:#f8fafc}.game-section-heading .section-subtitle{color:var(--text-muted,#64748b);font-size:.72rem;font-weight:600}.navi-air-page{box-sizing:border-box;color:#0f172a;background:radial-gradient(90% 45% at 50% 0,#fecdd38c 0%,#0000 65%),linear-gradient(#fff7f7 0%,#fff 35%,#fffbfb 100%);flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;padding-bottom:2.5rem;transition:background .3s,color .3s;display:flex;position:relative;overflow-x:hidden}.navi-air-page:before{content:"";pointer-events:none;opacity:.8;z-index:1;background-image:radial-gradient(#b91c1c14 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.navi-air-header{z-index:20;justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .75rem;display:flex;position:relative}.navi-air-back-btn{-webkit-backdrop-filter:blur(16px);color:#334155;cursor:pointer;background:#ffffffe6;border:1px solid #fffffff2;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:4px 4px 12px #b91c1c1f,-3px -3px 8px #fffffff2,inset 1px 1px 1px #fffc}.navi-air-back-btn:hover{color:#d31215;background:#fff;border-color:#d312154d;transform:translateY(-1.5px);box-shadow:6px 6px 16px #b91c1c33,-3px -3px 8px #fff}.navi-air-back-btn:active{transform:translateY(0)scale(.96);box-shadow:inset 2px 2px 5px #b91c1c33,inset -1px -1px 3px #fffc}.navi-air-header-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.navi-air-title{letter-spacing:2.4px;background:linear-gradient(135deg,#7e0507 0%,#d31215 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;filter:drop-shadow(0 1px 1px #ffffffe6);-webkit-background-clip:text;margin:0;font-size:1.3rem;font-weight:900}.navi-air-header-actions{align-items:center;gap:8px;display:flex}.navi-toggle-btn{-webkit-backdrop-filter:blur(14px);color:#475569;cursor:pointer;background:#ffffffe6;border:1px solid #fffffff2;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:4px 4px 12px #b91c1c1a,-3px -3px 8px #fffffff2,inset 1px 1px 1px #fffc}.navi-toggle-btn:hover{color:#d31215;background:#fff;border-color:#d312154d;transform:translateY(-1.5px);box-shadow:6px 6px 16px #b91c1c2e,-3px -3px 8px #fff}.navi-toggle-btn:active{transform:translateY(0)scale(.96);box-shadow:inset 2px 2px 5px #b91c1c33,inset -1px -1px 3px #fffc}.navi-toggle-btn.active{color:#d31215;background:#fef2f2;border-color:#d312154d;box-shadow:0 0 12px #d3121533,inset 1px 1px 2px #ffffffe6}.navi-toggle-btn.muted{color:#991b1b;background:#991b1b14;border-color:#991b1b4d}.theme-icon.sun-icon{color:#d97706}.theme-icon.moon-icon{color:#475569}.navi-air-container{box-sizing:border-box;z-index:5;flex-direction:column;gap:1.15rem;width:100%;max-width:480px;margin:0 auto;padding:.5rem 1.15rem;display:flex;position:relative}.channel-selector-wrapper{z-index:25;position:relative}.channel-bar-top-row{box-sizing:border-box;align-items:center;gap:7px;width:100%;display:flex}.channel-current-pill{-webkit-backdrop-filter:blur(20px)saturate(180%);cursor:pointer;box-sizing:border-box;background:#ffffffeb;border:1px solid #fffffff2;border-radius:16px;flex:1;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:.65rem .8rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:4px 4px 14px #b91c1c1a,-3px -3px 8px #fffffff2,inset 1px 1px 2px #fffc}.channel-current-pill:hover{background:#fff;border-color:#d3121559;transform:translateY(-1.5px);box-shadow:6px 6px 18px #b91c1c26,-3px -3px 8px #fff,inset 1px 1px 2px #ffffffe6}.channel-current-pill.empty-pill{background:#ffffffbf;border-style:dashed;border-color:#fecaca}.channel-pill-left{flex:1;align-items:center;gap:.55rem;min-width:0;display:flex;overflow:hidden}.channel-icon-emoji{filter:drop-shadow(0 2px 4px #00000014);flex-shrink:0;font-size:1.25rem}.channel-text-group{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex;overflow:hidden}.channel-title-lock-row{align-items:center;gap:4px;display:flex}.channel-code-badge{letter-spacing:.4px;color:#d31215;font-size:.62rem;font-weight:850}.channel-lock-icon,.mini-lock-icon{color:#d97706;flex-shrink:0;font-size:.68rem}.channel-name-txt{color:#0f172a;letter-spacing:.1px;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:850;display:block;overflow:hidden}.channel-pill-right{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.channel-freq-tag{color:#b91c1c;letter-spacing:.3px;white-space:nowrap;background:#fee2e2;border:1px solid #dc262640;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;font-weight:800}.dropdown-arrow{color:#64748b;flex-shrink:0;font-size:1.05rem;transition:transform .25s cubic-bezier(.16,1,.3,1)}.dropdown-arrow.open{color:#d31215;transform:rotate(180deg)}.channel-share-qr-btn,.channel-delete-active-btn{-webkit-backdrop-filter:blur(16px);cursor:pointer;background:#ffffffe6;border:1px solid #fffffff2;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.05rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:3px 3px 10px #b91c1c1a,-2px -2px 6px #fffffff2,inset 1px 1px 1px #fffc}.channel-share-qr-btn{color:#d31215}.channel-share-qr-btn:hover{background:#fef2f2;border-color:#d3121566;transform:translateY(-1.5px);box-shadow:0 4px 12px #d3121533}.channel-delete-active-btn{color:#991b1b}.channel-delete-active-btn:hover{background:#fee2e2;border-color:#991b1b66;transform:translateY(-1.5px);box-shadow:0 4px 12px #991b1b33}.channel-quick-actions-bar{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:.65rem;display:grid}.channel-action-pill-btn{box-sizing:border-box;cursor:pointer;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:6px;width:100%;height:44px;min-height:44px;max-height:44px;padding:0 .5rem;font-size:.82rem;font-weight:850;line-height:1;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:4px 4px 12px #b91c1c1f,-3px -3px 8px #fffffff2}.channel-action-pill-btn.add-btn{color:#7e0507;background:#ffffffeb;border:1.5px solid #fecacab3}.channel-action-pill-btn.add-btn:hover{color:#d31215;background:#fff;border-color:#d31215;transform:translateY(-1.5px);box-shadow:0 6px 16px #d3121533}.channel-action-pill-btn.create-btn{color:#fff;background:linear-gradient(135deg,#e02424 0%,#d31215 50%,#991b1b 100%);border:1.5px solid #7e0507;box-shadow:0 6px 18px #b91c1c59}.channel-action-pill-btn.create-btn:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#e02424 50%,#7e0507 100%);transform:translateY(-1.5px);box-shadow:0 8px 22px #b91c1c73}.channel-dropdown-menu{-webkit-backdrop-filter:blur(28px)saturate(200%);z-index:100;background:#fffffffa;border:1px solid #fecacae6;border-radius:22px;padding:.9rem;animation:.25s cubic-bezier(.16,1,.3,1) slideDownMenu;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 20px 45px #b91c1c26,0 4px 12px #0000000d,inset 0 1px 2px #ffffffe6}@keyframes slideDownMenu{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.channel-dropdown-header{border-bottom:1px solid #fee2e2;justify-content:space-between;align-items:center;padding:.2rem .4rem .75rem;display:flex}.dropdown-title-badge{color:#7e0507;letter-spacing:.6px;align-items:center;gap:7px;font-size:.76rem;font-weight:850;display:flex}.dropdown-title-icon{color:#d31215;font-size:1rem}.channel-count-chip{color:#991b1b;background:#fee2e2;border-radius:100px;padding:2px 7px;font-size:.68rem;font-weight:800}.dropdown-close-x{color:#991b1b;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;transition:all .2s;display:flex}.dropdown-close-x:hover{color:#7e0507;background:#fee2e2;transform:rotate(90deg)}.channel-dropdown-list{flex-direction:column;gap:7px;max-height:270px;margin-top:8px;display:flex;overflow-y:auto}.channel-empty-dropdown{text-align:center;background:linear-gradient(#fff5f5 0%,#fef2f2 100%);border:1.5px dashed #fecaca;border-radius:16px;flex-direction:column;align-items:center;margin-top:.4rem;padding:1.5rem 1rem;display:flex}.empty-drop-illustration{margin-bottom:.75rem}.empty-drop-circle{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:inset 2px 2px 5px #ffffffe6,3px 3px 8px #b91c1c26}.empty-drop-icon{color:#d31215;font-size:1.5rem}.empty-drop-heading{color:#7e0507;margin:0 0 .35rem;font-size:.98rem;font-weight:850}.empty-drop-desc{color:#64748b;max-width:270px;margin:0 0 1.1rem;font-size:.8rem;line-height:1.45}.btn-create-first-channel{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e02424 0%,#d31215 50%,#991b1b 100%);border:none;border-radius:999px;align-items:center;gap:7px;padding:.65rem 1.25rem;font-size:.84rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 6px 16px #b91c1c59}.btn-create-first-channel:hover{filter:brightness(1.05);transform:translateY(-1.5px);box-shadow:0 8px 20px #b91c1c73}.channel-dropdown-item{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:14px;justify-content:space-between;align-items:center;padding:.75rem .85rem;transition:all .2s;display:flex;box-shadow:2px 2px 6px #0000000a}.channel-dropdown-item:hover{background:#fff5f5;border-color:#fecaca;transform:translate(2px)}.channel-dropdown-item.selected{background:#fef2f2;border-color:#d31215;box-shadow:0 0 0 1px #d31215,3px 3px 10px #d3121526}.item-left{align-items:center;gap:.75rem;display:flex}.item-emoji-wrap{background:#fff;border:1px solid #fee2e2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex;box-shadow:2px 2px 5px #0000000a}.item-emoji{font-size:1.2rem}.item-info{flex-direction:column;gap:2px;display:flex}.item-title-row{align-items:center;gap:6px;display:flex}.item-code{color:#d31215;font-size:.68rem;font-weight:850}.item-name{color:#0f172a;font-size:.86rem;font-weight:800}.item-desc{color:#64748b;font-size:.7rem}.item-right{align-items:center;gap:8px;display:flex}.item-freq{color:#b91c1c;background:#fee2e2;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;font-weight:800}.item-active-tag{color:#15803d;background:#dcfce7;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:.68rem;font-weight:800;display:inline-flex}.item-trash-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:5px;font-size:.95rem;transition:all .2s;display:flex}.item-trash-btn:hover{color:#d31215;background:#fee2e2}.channel-dropdown-footer{justify-content:center;padding-top:.4rem;display:flex}.btn-clear-all-channels{color:#991b1b;cursor:pointer;background:0 0;border:1px dashed #fecaca;border-radius:10px;align-items:center;gap:5px;padding:.5rem .9rem;font-size:.74rem;font-weight:750;transition:all .2s;display:inline-flex}.btn-clear-all-channels:hover{color:#d31215;background:#fee2e2;border-color:#d31215}.ht-console-card{-webkit-backdrop-filter:blur(24px)saturate(180%);box-sizing:border-box;background:#ffffffe6;border:1px solid #fffffff2;border-radius:28px;flex-direction:column;gap:1.35rem;padding:1.35rem 1.25rem 1.5rem;display:flex;position:relative;box-shadow:8px 8px 24px #b91c1c1f,-8px -8px 24px #fffffff2,inset 1px 1px 2px #ffffffe6}.ht-screw{display:none!important}.ht-lcd-display{background:linear-gradient(#090e17 0%,#111827 100%);border:1.5px solid #1e293b;border-radius:20px;flex-direction:column;gap:.85rem;padding:1.1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 4px 16px #000000bf,0 2px 10px #b91c1c14}.ht-lcd-display:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0d 0%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}.lcd-status-bar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;padding-bottom:.5rem;display:flex}.lcd-status-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.lcd-txrx-indicator{letter-spacing:.6px;color:#94a3b8;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;font-weight:850}.state-tx .lcd-txrx-indicator{color:#f87171;text-shadow:0 0 10px #f87171cc}.state-rx .lcd-txrx-indicator{color:#4ade80;text-shadow:0 0 10px #4ade80cc}.lcd-band-tag{color:#64748b;text-transform:uppercase;white-space:nowrap;font-size:.62rem;font-weight:750}.lcd-signal-meter{flex-shrink:0;align-items:center;gap:5px;display:flex}.sig-label{color:#64748b;font-size:.6rem;font-weight:850}.sig-bars{align-items:flex-end;gap:2px;height:12px;display:flex}.sig-bars .bar{background:#1e293b;border-radius:1px;width:3.5px}.sig-bars .b1{height:3px}.sig-bars .b2{height:5px}.sig-bars .b3{height:7px}.sig-bars .b4{height:9px}.sig-bars .b5{height:12px}.sig-bars .bar.active{background:#ef4444;box-shadow:0 0 5px #ef444499}.state-tx .sig-bars .bar.active{background:#ef4444;box-shadow:0 0 6px #ef4444cc}.lcd-freq-center{text-align:center;flex-direction:column;align-items:center;padding:.35rem 0;display:flex}.lcd-large-freq{align-items:baseline;gap:6px;display:flex}.freq-value{letter-spacing:2px;color:#f87171;text-shadow:0 0 20px #f8717180;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:2.5rem;font-weight:900;line-height:1}.state-tx .freq-value{color:#ef4444;text-shadow:0 0 24px #ef4444cc}.state-rx .freq-value{color:#4ade80;text-shadow:0 0 20px #4ade8099}.freq-unit{color:#64748b;letter-spacing:.8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;font-weight:800}.lcd-active-title{letter-spacing:.6px;color:#e2e8f0;text-transform:uppercase;margin-top:.35rem;font-size:.82rem;font-weight:800}.lcd-banner-info{letter-spacing:.4px;background:#00000073;border-radius:12px;padding:.6rem .8rem;font-size:.74rem;font-weight:800}.lcd-banner-tx{color:#fca5a5;justify-content:center;align-items:center;gap:7px;display:flex}.tx-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:.8s infinite blinkFast;box-shadow:0 0 8px #ef4444}@keyframes blinkFast{0%,to{opacity:1}50%{opacity:.3}}.lcd-banner-rx{color:#86efac;justify-content:center;align-items:center;gap:7px;display:flex}.rx-speaker-icon{animation:1s infinite alternate pulseSpeaker}@keyframes pulseSpeaker{0%{transform:scale(.95)}to{transform:scale(1.2)}}.lcd-banner-standby{color:#94a3b8;justify-content:center;align-items:center;gap:7px;display:flex}.lcd-radio-icon{color:#f87171;font-size:.85rem}.lcd-audio-wave-visualizer{border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:4px;height:26px;padding-top:.4rem;display:flex}.wave-line{background:#1e293b;border-radius:3px;width:3.5px;min-height:3px;transition:height 80ms}.state-tx .wave-line{background:#ef4444;box-shadow:0 0 4px #ef4444b3}.state-rx .wave-line{background:#22c55e;box-shadow:0 0 4px #22c55eb3}.ht-ptt-section{flex-direction:column;align-items:center;gap:1.15rem;padding:.5rem 0;display:flex}.ht-ptt-controls-row{justify-content:center;width:100%;display:flex}.squelch-tactile-switch{color:#475569;cursor:pointer;background:#fff5f5;border:1px solid #fecacacc;border-radius:999px;align-items:center;gap:8px;padding:.55rem 1.1rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:3px 3px 8px #b91c1c1a,-3px -3px 8px #fffffff2}.squelch-tactile-switch:hover{color:#d31215;background:#fff;border-color:#d31215;transform:translateY(-1px);box-shadow:4px 4px 12px #b91c1c33,-3px -3px 8px #fff}.squelch-tactile-switch.active{color:#d31215;background:linear-gradient(135deg,#fee2e2b3 0%,#fef2f2e6 100%);border-color:#d3121573}.squelch-indicator-lamp{background:#cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:10px;height:10px;display:flex}.squelch-lamp-core.lit{background:#d31215;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #d31215}.squelch-icon{font-size:.95rem}.squelch-label{letter-spacing:.3px;font-size:.74rem;font-weight:700}.squelch-label strong{font-weight:850}.ptt-outer-ring{box-sizing:border-box;background:#eaeff5;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;padding:10px;display:flex;position:relative;box-shadow:inset 6px 6px 14px #a0afc880,inset -5px -5px 12px #fffffff2,0 4px 10px #b91c1c1a}.ptt-tactical-button{color:#0f172a;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(145deg,#fff 0%,#f1f5f9 100%);border:1px solid #fffffff2;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:6px 6px 16px #b91c1c26,-4px -4px 12px #fffffff2,inset 0 2px 2px #fffc}.ptt-btn-core{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.ptt-mic-icon{color:#d31215;filter:drop-shadow(0 2px 4px #d3121540);font-size:2.3rem}.ptt-btn-label{letter-spacing:.8px;color:#334155;text-align:center;font-size:.68rem;font-weight:900}.ptt-tactical-button:active,.ptt-tactical-button.transmitting{border-color:#fff6;transform:scale(.94);background:linear-gradient(145deg,#ef4444 0%,#d31215 50%,#7e0507 100%)!important;box-shadow:0 0 32px #d31215a6,inset 4px 4px 10px #00000073,inset -2px -2px 6px #ffffff40!important}.ptt-tactical-button:active .ptt-mic-icon,.ptt-tactical-button.transmitting .ptt-mic-icon{filter:drop-shadow(0 2px 6px #00000080);color:#fff!important}.ptt-tactical-button:active .ptt-btn-label,.ptt-tactical-button.transmitting .ptt-btn-label{color:#fff!important}.ptt-active-pulse{pointer-events:none;border:2px solid #d3121599;border-radius:50%;animation:1.2s cubic-bezier(.16,1,.3,1) infinite pttPulse;position:absolute;inset:-12px}.ptt-tactical-button.is-channel-busy{opacity:.9;cursor:not-allowed!important;background:linear-gradient(145deg,#fff7ed 0%,#ffedd5 100%)!important;border:2px solid #f97316!important;transform:none!important;box-shadow:0 0 24px #f9731659,inset 0 2px 4px #ffffffe6!important}.ptt-tactical-button.is-channel-busy:active{transform:none!important}.ptt-busy-speaker-icon{animation:1s infinite pulseDot;color:#ea580c!important}.ptt-tactical-button.is-channel-busy .ptt-btn-label{letter-spacing:.3px;color:#c2410c!important;font-size:.68rem!important}.ptt-busy-radar-pulse{pointer-events:none;border:2px solid #f97316;border-radius:50%;animation:1.4s ease-out infinite pttPulse;position:absolute;inset:-10px}.hint-busy-txt{background:#fff7ed;border:1px solid #ffedd5;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:4px 10px;font-weight:750;display:inline-flex;color:#c2410c!important}@keyframes pttPulse{0%{opacity:.9;transform:scale(.95)}to{opacity:0;transform:scale(1.3)}}.ptt-instruction-hint{color:#64748b;text-align:center;flex-direction:column;align-items:center;gap:3px;font-size:.76rem;display:flex}.shortcut-hint{color:#94a3b8;font-size:.68rem}.mic-error-toast{color:#991b1b;background:#fee2e2;border:1px solid #991b1b4d;border-radius:12px;align-items:center;gap:6px;padding:.5rem .9rem;font-size:.74rem;display:flex}.radio-reward-toast{color:#991b1b;text-align:center;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1.5px solid #f87171;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:8px 14px;font-size:.78rem;font-weight:800;animation:.25s ease-out fadeIn;display:flex;box-shadow:0 4px 14px #dc26262e}.reward-toast-icon{color:#dc2626;flex-shrink:0;font-size:1.1rem}.channel-members-section{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#ffffffeb;border:1px solid #fffffff2;border-radius:22px;width:100%;padding:1rem 1.1rem;box-shadow:4px 4px 16px #b91c1c14,-3px -3px 10px #fffffff2}.members-header-row{border-bottom:1px solid #e2e8f0bf;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding-bottom:.6rem;display:flex}.members-title-group{align-items:center;gap:7px;display:flex}.members-section-title{color:#0f172a;letter-spacing:.2px;margin:0;font-size:.84rem;font-weight:850}.members-header-icon{color:#d31215;flex-shrink:0;font-size:1.05rem}.members-count-badge{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.members-live-indicator-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulseDot;box-shadow:0 0 8px #22c55e}.members-grid-container{box-sizing:border-box;flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.member-item-card{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:10px;padding:.65rem .85rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.member-item-card.is-self{background:#fff7f7;border-color:#fecaca}.member-item-card.is-speaking{background:#fff1f2;border-color:#f43f5e;transform:translateY(-1px);box-shadow:0 0 16px #f43f5e40}.member-avatar-box{flex-shrink:0;width:44px;height:44px;position:relative}.member-avatar-img{object-fit:cover;background:#f1f5f9;border:2px solid #fff;border-radius:50%;width:100%;height:100%;box-shadow:0 2px 8px #0000001a}.member-live-dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.member-live-dot.standby{background:#22c55e}.member-live-dot.speaking{background:#ef4444}.speaking-wave-ring{border:2px solid #ef4444;border-radius:50%;animation:1.2s infinite speakingWaveRing;position:absolute;inset:-4px}@keyframes speakingWaveRing{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.6)}}.member-info-col{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex;overflow:hidden}.member-name-row{align-items:center;gap:6px;width:100%;display:flex}.member-display-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.88rem;font-weight:800;overflow:hidden}.self-tag-pill{color:#d31215;margin-left:2px;font-size:.7rem;font-weight:800}.member-rank-tag{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:.65rem;font-weight:800}.member-rank-tag.pembina{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.member-rank-tag.anggota{color:#3730a3;background:#e0e7ff;border:1px solid #c7d2fe}.member-state-row{align-items:center;font-size:.72rem;display:flex}.state-badge-speaking{color:#e11d48;align-items:center;gap:4px;font-weight:800;display:flex}.state-badge-standby{color:#64748b;align-items:center;gap:4px;font-weight:600;display:flex}.state-icon-pulse{animation:1s infinite pulseDot}.members-empty-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:1.25rem 1rem;display:flex}.empty-radio-icon-ring{color:#d31215;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:2px;font-size:1.35rem;display:flex}.empty-box-title{color:#1e293b;margin:0;font-size:.86rem;font-weight:800}.empty-box-sub{color:#64748b;max-width:320px;font-size:.74rem;line-height:1.4}.members-share-cta-btn{color:#fff;cursor:pointer;background:#d31215;border:none;border-radius:12px;align-items:center;gap:6px;margin-top:6px;padding:6px 14px;font-size:.78rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #d3121540}.members-share-cta-btn:hover{background:#b91c1c;transform:translateY(-1px)}.tx-play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e02424 0%,#b91c1c 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .2s;display:flex;box-shadow:0 3px 8px #b91c1c59}.tx-play-btn:hover{filter:brightness(1.1);transform:scale(1.08)}.tx-play-btn.playing{background:#7e0507;box-shadow:0 3px 8px #7e050780}.tx-meta-info{flex-direction:column;gap:1px;display:flex}.tx-sender-row{align-items:center;gap:6px;display:flex}.tx-sender-name{color:#0f172a;font-size:.8rem;font-weight:800}.tx-role-tag{color:#991b1b;background:#fee2e2;border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:750}.tx-time-stamp{color:#64748b;font-size:.68rem}.tx-channel-code{color:#b91c1c;background:#fee2e2;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem}.navi-modal-overlay{animation:.22s ease-out naviFadeIn;-webkit-backdrop-filter:blur(12px)!important;z-index:99999!important;box-sizing:border-box!important;background:#0f172aa6!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:1.25rem!important;display:flex!important;position:fixed!important;inset:0!important}@keyframes naviFadeIn{0%{opacity:0}to{opacity:1}}.navi-modal-card{box-sizing:border-box;background:#fff;border:1.5px solid #fecacae6;border-radius:24px;flex-direction:column;width:100%;max-width:440px;max-height:88vh;animation:.26s cubic-bezier(.16,1,.3,1) naviPopIn;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 60px #00000059,0 10px 25px #d3121526}@keyframes naviPopIn{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.navi-modal-header{z-index:10;background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);border-bottom:1px solid #fee2e2;justify-content:space-between;align-items:center;padding:1.15rem 1.35rem;display:flex;position:sticky;top:0}.modal-header-title{align-items:center;gap:9px;display:flex}.modal-title-icon{color:#d31215;font-size:1.3rem}.modal-header-title h5{color:#7e0507;margin:0;font-size:1.05rem;font-weight:850}.modal-close-btn{color:#991b1b;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.05rem;transition:all .2s;display:flex}.modal-close-btn:hover{color:#d31215;background:#fee2e2;transform:rotate(90deg)}.modal-tab-row{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;gap:4px;margin:1rem 1.35rem 0;padding:4px;display:flex}.modal-tab-btn{color:#7e0507;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:.65rem;font-size:.78rem;font-weight:800;transition:all .2s;display:flex}.modal-tab-btn.active{color:#d31215;background:#fff;box-shadow:0 2px 6px #b91c1c1f}.navi-modal-body{box-sizing:border-box;flex-direction:column;gap:1rem;padding:1.25rem 1.35rem;display:flex}.form-group{flex-direction:column;gap:5px;width:100%;display:flex}.form-input-label{color:#334155;letter-spacing:.2px;font-size:.78rem;font-weight:800}.form-input-field{box-sizing:border-box;color:#0f172a;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:.88rem;transition:all .2s}.form-input-field:focus{background:#fff;border-color:#d31215;box-shadow:0 0 0 3px #d3121524}.search-input-group{gap:8px;display:flex}.search-submit-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#e02424 0%,#d31215 100%);border:none;border-radius:12px;padding:0 1.2rem;font-size:.84rem;font-weight:850;transition:all .2s;box-shadow:0 4px 10px #b91c1c4d}.search-submit-btn:hover{background:linear-gradient(135deg,#ef4444 0%,#e02424 100%);transform:translateY(-1px)}.search-submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-error-msg{color:#991b1b;background:#fee2e2;border:1px solid #991b1b40;border-radius:10px;align-items:center;gap:6px;padding:.55rem .85rem;font-size:.75rem;font-weight:750;display:flex}.form-hint{color:#64748b;margin-top:2px;font-size:.72rem;line-height:1.35}.checkbox-channel-type{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;margin:.2rem 0;padding:.85rem 1rem}.checkbox-custom-label{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.checkbox-custom-label input[type=checkbox]{accent-color:#d31215;cursor:pointer;width:19px;height:19px;margin-top:2px}.checkbox-text-info strong{color:#7e0507;margin-bottom:2px;font-size:.88rem;display:block}.checkbox-text-info span{color:#64748b;font-size:.76rem;line-height:1.35}.found-channel-card{background:#fff5f5;border:1.5px solid #fecaca;border-radius:16px;flex-direction:column;gap:.75rem;margin-top:.5rem;padding:1rem;display:flex}.found-card-header{align-items:center;gap:.75rem;display:flex}.found-icon-box{color:#d31215;background:#fee2e2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.found-meta{flex-direction:column;gap:2px;display:flex}.found-meta strong{color:#0f172a;font-size:.95rem;font-weight:850}.found-meta span{color:#64748b;font-size:.74rem}.password-input-wrapper{flex-direction:column;gap:5px;display:flex}.btn-join-channel,.btn-create-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e02424 0%,#d31215 50%,#991b1b 100%);border:none;border-radius:14px;width:100%;margin-top:.3rem;padding:.85rem;font-size:.88rem;font-weight:850;transition:all .2s;box-shadow:0 6px 18px #b91c1c59}.btn-join-channel:hover,.btn-create-submit:hover{background:linear-gradient(135deg,#ef4444 0%,#e02424 50%,#7e0507 100%);transform:translateY(-1.5px);box-shadow:0 8px 22px #b91c1c73}.btn-join-channel:disabled,.btn-create-submit:disabled{opacity:.6;cursor:not-allowed}.modal-actions-row{margin-top:.4rem}.add-channel-qr-box{flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.qr-camera-viewport{background:#000;border:2px solid #d31215;border-radius:16px;width:100%;max-width:280px;height:240px;overflow:hidden}.qr-scan-instruction{color:#64748b;text-align:center;margin:0;font-size:.76rem;line-height:1.4}.scan-status-txt{color:#d31215;text-align:center;font-size:.72rem;display:block}.qr-modal-center{text-align:center;flex-direction:column;align-items:center;gap:.65rem;padding:1.4rem 1.25rem 1.6rem;display:flex}.badge-public{color:#15803d;background:#dcfce7;border:1px solid #16a34a40;border-radius:100px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:800;display:inline-flex}.badge-private{color:#b45309;background:#fef3c7;border:1px solid #f59e0b4d;border-radius:100px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:800;display:inline-flex}.qr-channel-name{color:#0f172a;margin:0;font-size:1.2rem;font-weight:900}.qr-channel-freq{color:#b91c1c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;font-weight:800}.qr-code-box{background:#fff;border:1.5px solid #fee2e2;border-radius:18px;justify-content:center;align-items:center;margin:.5rem 0;padding:14px;display:flex;box-shadow:0 10px 25px #b91c1c1f}.qr-share-hint{color:#64748b;max-width:320px;margin:0;font-size:.74rem;line-height:1.42}.qr-password-display{color:#7e0507;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:6px;padding:.45rem .85rem;font-size:.78rem;display:flex}.qr-password-display strong{color:#d31215;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95rem}.btn-qr-done{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e02424 0%,#d31215 50%,#991b1b 100%);border:none;border-radius:14px;width:100%;margin-top:.5rem;padding:.85rem;font-size:.88rem;font-weight:850;transition:all .2s;box-shadow:0 6px 18px #b91c1c59}.btn-qr-done:hover{background:linear-gradient(135deg,#ef4444 0%,#e02424 50%,#7e0507 100%);transform:translateY(-1.5px);box-shadow:0 8px 22px #b91c1c73}[data-theme=dark] .navi-air-page{color:#f8fafc;background:radial-gradient(90% 45% at 50% 0,#b91c1c38 0%,#0000 60%),linear-gradient(#070b12 0%,#0e1524 35%,#0b101c 70%,#060910 100%)}[data-theme=dark] .navi-air-page:before{opacity:.5;background-image:radial-gradient(#ffffff0a 1px,#0000 1px)}[data-theme=dark] .navi-air-back-btn,[data-theme=dark] .navi-toggle-btn{color:#e2e8f0;background:#161f30d9;border:1px solid #ffffff14;box-shadow:0 4px 14px #0000008c,inset 0 1px 1px #ffffff1a}[data-theme=dark] .navi-air-back-btn:hover,[data-theme=dark] .navi-toggle-btn:hover{color:#f87171;background:#1e293bf2;border-color:#ef444473;box-shadow:0 4px 16px #dc262640,inset 0 1px 1px #ffffff26}[data-theme=dark] .navi-toggle-btn.active{color:#f87171;background:#dc262633;border-color:#ef444480;box-shadow:0 0 14px #ef44444d,inset 0 1px 1px #ffffff26}[data-theme=dark] .navi-toggle-btn.muted{color:#ef4444;background:#ef444426;border-color:#ef444466;box-shadow:0 0 10px #ef444433}[data-theme=dark] .theme-icon.sun-icon{color:#fbbf24}[data-theme=dark] .theme-icon.moon-icon{color:#94a3b8}[data-theme=dark] .navi-air-title{background:linear-gradient(135deg,#f87171 0%,#ef4444 60%,#dc2626 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #ef444466);-webkit-background-clip:text}[data-theme=dark] .channel-current-pill{background:#121928e0;border:1px solid #ffffff14;box-shadow:0 8px 24px #000000a6,inset 0 1px 1px #ffffff1a}[data-theme=dark] .channel-current-pill:hover{background:#182236f2;border-color:#ef444466;box-shadow:0 10px 30px #000000bf,0 0 16px #dc262638}[data-theme=dark] .channel-current-pill.empty-pill{background:#12192899;border-color:#ef444459}[data-theme=dark] .channel-code-badge{color:#f87171}[data-theme=dark] .channel-name-txt{color:#f8fafc}[data-theme=dark] .channel-freq-tag{color:#fca5a5;background:#dc262629;border:1px solid #ef444459}[data-theme=dark] .dropdown-arrow{color:#94a3b8}[data-theme=dark] .dropdown-arrow.open{color:#f87171}[data-theme=dark] .channel-share-qr-btn,[data-theme=dark] .channel-delete-active-btn{background:#161f30d9;border:1px solid #ffffff14;box-shadow:0 4px 14px #0000008c,inset 0 1px 1px #ffffff1a}[data-theme=dark] .channel-share-qr-btn{color:#f87171}[data-theme=dark] .channel-share-qr-btn:hover{background:#dc262638;border-color:#ef444480;box-shadow:0 4px 16px #dc26264d}[data-theme=dark] .channel-delete-active-btn{color:#ef4444}[data-theme=dark] .channel-delete-active-btn:hover{background:#ef444438;border-color:#ef444480;box-shadow:0 4px 16px #ef44444d}[data-theme=dark] .channel-action-pill-btn.add-btn{color:#f8fafc;background:#161f30d9;border:1.5px solid #ffffff1a;box-shadow:0 6px 18px #0000008c,inset 0 1px 1px #ffffff14}[data-theme=dark] .channel-action-pill-btn.add-btn:hover{color:#f87171;background:#1e2a42f2;border-color:#ef444473;box-shadow:0 6px 20px #dc262640}[data-theme=dark] .channel-action-pill-btn.create-btn{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 50%,#7e0507 100%);border:1.5px solid #ef444466;box-shadow:0 6px 20px #dc262673}[data-theme=dark] .channel-action-pill-btn.create-btn:hover{background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#991b1b 100%);box-shadow:0 8px 25px #ef444499}[data-theme=dark] .channel-dropdown-menu{background:#0f1624fa;border:1px solid #dc262659;box-shadow:0 24px 60px #000000d9,inset 0 1px 1px #ffffff1a}[data-theme=dark] .channel-dropdown-header{border-bottom:1px solid #ffffff14}[data-theme=dark] .dropdown-title-badge{color:#f87171}[data-theme=dark] .dropdown-title-icon{color:#ef4444}[data-theme=dark] .channel-count-chip{color:#fca5a5;background:#dc262633}[data-theme=dark] .dropdown-close-x{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1a}[data-theme=dark] .dropdown-close-x:hover{color:#f87171;background:#dc262633}[data-theme=dark] .channel-empty-dropdown{background:#dc26260d;border:1.5px dashed #ef444440}[data-theme=dark] .empty-drop-circle{background:#dc26262e;box-shadow:0 0 15px #dc262633}[data-theme=dark] .empty-drop-icon{color:#f87171}[data-theme=dark] .empty-drop-heading{color:#f8fafc}[data-theme=dark] .empty-drop-desc{color:#94a3b8}[data-theme=dark] .channel-dropdown-item{background:#ffffff08;border:1px solid #ffffff0f;box-shadow:0 2px 6px #0006}[data-theme=dark] .channel-dropdown-item:hover{background:#dc26261f;border-color:#ef444459}[data-theme=dark] .channel-dropdown-item.selected{background:#dc262633;border-color:#ef4444;box-shadow:0 0 0 1px #ef4444,0 4px 16px #ef444440}[data-theme=dark] .item-emoji-wrap{background:#ffffff0f;border:1px solid #ffffff14}[data-theme=dark] .item-code{color:#f87171}[data-theme=dark] .item-name{color:#f8fafc}[data-theme=dark] .item-desc{color:#94a3b8}[data-theme=dark] .item-freq{color:#fca5a5;background:#dc26262e}[data-theme=dark] .item-trash-btn{color:#94a3b8}[data-theme=dark] .item-trash-btn:hover{color:#ef4444;background:#ef444433}[data-theme=dark] .btn-clear-all-channels{color:#fca5a5;border-color:#ef44444d}[data-theme=dark] .btn-clear-all-channels:hover{color:#fff;background:#ef444440;border-color:#ef4444}[data-theme=dark] .ht-console-card{background:#111826e0;border:1px solid #ffffff14;box-shadow:0 20px 50px #000000bf,inset 0 1px 1px #ffffff1a}[data-theme=dark] .ht-lcd-display{background:#060911;border:1.5px solid #ffffff0f;box-shadow:inset 0 4px 18px #000000f2,0 2px 10px #00000080}[data-theme=dark] .squelch-tactile-switch{color:#cbd5e1;background:#161f30d9;border:1px solid #ffffff14;box-shadow:0 4px 14px #0000008c,inset 0 1px 1px #ffffff14}[data-theme=dark] .squelch-tactile-switch:hover{color:#f87171;background:#1e2a42f2;border-color:#ef444473;box-shadow:0 4px 16px #dc262640}[data-theme=dark] .squelch-tactile-switch.active{color:#f87171;background:#dc26262e;border-color:#ef444473;box-shadow:0 0 14px #dc262640,inset 0 1px 1px #ffffff1a}[data-theme=dark] .squelch-lamp-core.lit{background:#ef4444;box-shadow:0 0 10px #ef4444}[data-theme=dark] .ptt-outer-ring{background:#080c14;box-shadow:inset 6px 6px 16px #000000f2,inset -3px -3px 8px #ffffff08,0 4px 16px #00000080}[data-theme=dark] .ptt-tactical-button{color:#fff;background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff14;box-shadow:6px 6px 18px #000000b3,-3px -3px 10px #ffffff05,inset 0 2px 2px #ffffff1f}[data-theme=dark] .ptt-mic-icon{color:#ef4444;filter:drop-shadow(0 0 8px #ef444473)}[data-theme=dark] .ptt-btn-label{color:#94a3b8}[data-theme=dark] .ptt-tactical-button:active,[data-theme=dark] .ptt-tactical-button.transmitting{background:linear-gradient(145deg,#ef4444 0%,#dc2626 50%,#7e0507 100%)!important;box-shadow:0 0 35px #ef4444bf,inset 4px 4px 10px #00000080!important}[data-theme=dark] .ptt-tactical-button.is-channel-busy{background:linear-gradient(145deg,#2a170a 0%,#170b05 100%)!important;border-color:#ea580c!important;box-shadow:0 0 24px #ea580c66,inset 0 2px 2px #ffffff14!important}[data-theme=dark] .ptt-tactical-button.is-channel-busy .ptt-btn-label{color:#fdba74!important}[data-theme=dark] .hint-busy-txt{color:#fdba74!important;background:#2d140acc!important;border-color:#ea580c66!important}[data-theme=dark] .channel-members-section{background:#111826e0;border:1px solid #ffffff14;box-shadow:0 12px 32px #000000a6,inset 0 1px 1px #ffffff14}[data-theme=dark] .members-section-title{color:#f8fafc}[data-theme=dark] .members-header-icon{color:#ef4444}[data-theme=dark] .member-item-card{background:#ffffff08;border:1px solid #ffffff12}[data-theme=dark] .member-item-card.is-self{background:#dc262614;border-color:#ef44444d}[data-theme=dark] .member-item-card.is-speaking{background:#dc26262e;border-color:#ef4444;box-shadow:0 0 20px #ef444459}[data-theme=dark] .member-display-name{color:#f8fafc}[data-theme=dark] .empty-box-title{color:#f1f5f9}[data-theme=dark] .empty-box-sub{color:#94a3b8}[data-theme=dark] .empty-radio-icon-ring{color:#f87171;background:#dc262626}[data-theme=dark] .radio-reward-toast{color:#fca5a5;background:#1e0f14f2;border-color:#ef444480}[data-theme=dark] .transmission-item.is-playing{background:#dc262633;border-color:#ef4444}[data-theme=dark] .tx-sender-name{color:#f8fafc}[data-theme=dark] .tx-role-tag{color:#fca5a5;background:#dc262633}[data-theme=dark] .tx-time-stamp{color:#94a3b8}[data-theme=dark] .tx-channel-code{color:#fca5a5;background:#dc262633}[data-theme=dark] .navi-modal-card{color:#f8fafc;background:#0f1624fa;border:1.5px solid #dc262659;box-shadow:0 25px 60px #000000d9}[data-theme=dark] .navi-modal-header{background:#141d30e6;border-bottom:1px solid #ffffff14}[data-theme=dark] .modal-header-title h5{color:#f87171}[data-theme=dark] .modal-title-icon{color:#ef4444}[data-theme=dark] .modal-close-btn{color:#94a3b8;background:#ffffff14;border:1px solid #ffffff1a}[data-theme=dark] .modal-close-btn:hover{color:#f87171;background:#dc262633}[data-theme=dark] .modal-tab-row{background:#ffffff0d;border:1px solid #ffffff14}[data-theme=dark] .modal-tab-btn{color:#94a3b8}[data-theme=dark] .modal-tab-btn.active{color:#f87171;background:#dc262640;box-shadow:0 2px 6px #0006}[data-theme=dark] .form-input-label{color:#cbd5e1}[data-theme=dark] .form-input-field{color:#f8fafc;background:#0a0f1abf;border:1.5px solid #ffffff1f}[data-theme=dark] .form-input-field:focus{background:#0f1626f2;border-color:#ef4444;box-shadow:0 0 0 3px #ef444440}[data-theme=dark] .checkbox-channel-type{background:#dc26261a;border:1.5px solid #dc262640}[data-theme=dark] .checkbox-text-info strong{color:#fca5a5}[data-theme=dark] .checkbox-text-info span{color:#94a3b8}[data-theme=dark] .found-channel-card{background:#dc262614;border:1.5px solid #dc262640}[data-theme=dark] .found-icon-box{color:#f87171;background:#dc262633}[data-theme=dark] .found-meta strong{color:#f8fafc}[data-theme=dark] .found-meta span{color:#94a3b8}[data-theme=dark] .qr-channel-name{color:#f8fafc}[data-theme=dark] .qr-code-box{background:#fff;border-color:#fff3}[data-theme=dark] .qr-password-display{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff1a}[data-theme=dark] .qr-password-display strong{color:#ef4444}.channel-delete-modal-card{text-align:center;background:#fff;border:1.5px solid #fee2e2!important;border-radius:26px!important;max-width:390px!important;padding:1.6rem 1.4rem!important;box-shadow:0 25px 50px -12px #dc262640,0 10px 25px #00000026!important}[data-theme=dark] .channel-delete-modal-card{background:#181d28!important;border-color:#ef444459!important;box-shadow:0 25px 50px -12px #000c,0 0 25px #ef444426!important}.delete-modal-warning-pod{justify-content:center;margin-bottom:1rem;display:flex}.delete-warning-icon-circle{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #fca5a5;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:2s ease-in-out infinite pulseWarning;display:flex;box-shadow:0 0 20px #ef444440}[data-theme=dark] .delete-warning-icon-circle{background:linear-gradient(135deg,#ef444440 0%,#b91c1c59 100%);border-color:#f8717180;box-shadow:0 0 24px #ef444459}@keyframes pulseWarning{0%,to{transform:scale(1);box-shadow:0 0 15px #ef444433}50%{transform:scale(1.06);box-shadow:0 0 25px #ef444466}}.delete-warning-icon{color:#dc2626;font-size:1.85rem}[data-theme=dark] .delete-warning-icon{color:#f87171}.delete-modal-body-content{flex-direction:column;gap:.5rem;margin-bottom:1.4rem;display:flex}.delete-modal-title{color:#0f172a;margin:0;font-size:1.22rem;font-weight:850;line-height:1.3}[data-theme=dark] .delete-modal-title{color:#f8fafc}.delete-modal-desc{color:#64748b;margin:0;padding:0 .4rem;font-size:.86rem;line-height:1.5}[data-theme=dark] .delete-modal-desc{color:#94a3b8}.delete-modal-desc strong{color:#0f172a}[data-theme=dark] .delete-modal-desc strong{color:#f1f5f9}.delete-creator-alert{text-align:left;color:#92400e;background:#fef3c7b3;border:1px solid #fcd34d;border-radius:12px;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.55rem .75rem;font-size:.78rem;line-height:1.35;display:flex}[data-theme=dark] .delete-creator-alert{color:#fde68a;background:#b453092e;border-color:#f59e0b66}.delete-creator-alert .alert-ico{flex-shrink:0;margin-top:1px;font-size:1rem}.delete-modal-actions-row{gap:.75rem;width:100%;display:flex}.btn-cancel-delete{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;flex:1;padding:.75rem 1rem;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .btn-cancel-delete{color:#cbd5e1;background:#ffffff14;border-color:#ffffff1f}.btn-cancel-delete:hover:not(:disabled){color:#1e293b;background:#e2e8f0}[data-theme=dark] .btn-cancel-delete:hover:not(:disabled){color:#fff;background:#ffffff24}.btn-confirm-delete{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:14px;flex:1.35;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.88rem;font-weight:800;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 18px #dc262659}.btn-confirm-delete:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 8px 22px #dc262680}.btn-confirm-delete:active:not(:disabled){transform:scale(.97)}.btn-confirm-delete:disabled,.btn-cancel-delete:disabled{opacity:.6;cursor:not-allowed}.kta-flip-card{perspective:1500px;width:100%;height:100%}.kta-flip-card-inner{text-align:left;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);position:relative}.kta-flip-card.flipped .kta-flip-card-inner{transform:rotateY(180deg)}.kta-flip-card-front,.kta-flip-card-back{backface-visibility:hidden;border-radius:14px;width:100%;height:100%;transition:transform .3s,box-shadow .3s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 16px 36px #00000047,0 4px 12px #00000029}.kta-flip-card-back{transform:rotateY(180deg)}.kta-card-canvas{aspect-ratio:1004/638;background-color:#fff;border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden;container:kta-card/inline-size}.kta-template-img{object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.kta-dynamic-nta{color:#ba1a1a;letter-spacing:.16em;z-index:5;-webkit-user-select:none;user-select:none;text-shadow:0 0 1px #ba1a1a66;font-family:Courier New,Courier,monospace;font-size:3.5cqw;font-weight:800;line-height:1;position:absolute;top:29.2%;left:23.9%}.kta-dynamic-photo-wrapper{z-index:5;background-color:#e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:15.45%;height:32.5%;display:flex;position:absolute;top:31.8%;left:4.85%;overflow:hidden}.kta-dynamic-photo{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.kta-photo-placeholder{box-sizing:border-box;text-align:center;-webkit-user-select:none;user-select:none;background-color:#f8fafc;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:.6cqw;display:flex}.kta-placeholder-avatar-box{justify-content:center;align-items:center;width:62%;height:62%;margin-top:-.4cqw;display:flex}.kta-placeholder-silhouette{color:#0f172a;width:100%;height:100%;display:block}.kta-placeholder-label{font-family:var(--font-main,sans-serif);color:#64748b;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin-top:.5cqw;font-size:1.45cqw;font-weight:900;line-height:1}.kta-dynamic-qr-wrapper{z-index:5;box-sizing:border-box;background-color:#fff;border-radius:4px;justify-content:center;align-items:center;width:15.14%;height:25%;padding:1.2%;display:flex;position:absolute;top:66.77%;left:4.88%}.kta-qr-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.kta-qrcode-svg{max-width:100%;max-height:100%;display:block;width:100%!important;height:100%!important}.kta-qr-placeholder{cursor:help;background:#f8fafc;border:1px dashed #94a3b8;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex}.kta-qr-lock-icon{font-size:1.6cqw}.kta-qr-lock-text{color:#64748b;text-align:center;font-size:.95cqw;font-weight:800;line-height:1}.kta-dynamic-fields{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.kta-field{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:text;user-select:text;pointer-events:auto;padding-bottom:.25em;font-family:Poppins,sans-serif;line-height:1.25;position:absolute;left:45%;overflow:hidden}.kta-field-nama{color:#0f172a;text-transform:uppercase;letter-spacing:.02em;max-width:48%;font-size:2.25cqw;font-weight:700;top:40.5%}.kta-field-gender{max-width:45%;font-size:1.95cqw;font-weight:600;top:46%}.kta-field-agama{max-width:45%;font-size:1.95cqw;font-weight:600;top:51.1%}.kta-field-ttl{max-width:45%;font-size:1.95cqw;font-weight:600;top:56.2%}.kta-field-golongan{max-width:45%;font-size:1.95cqw;font-weight:600;top:61.5%}.kta-field-alamat{max-width:37%;font-size:1.9cqw;font-weight:600;top:66.6%}.kta-flip-card-back .kta-card-canvas{background-color:#fff}.kta-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#000000c7;justify-content:center;align-items:center;padding:1rem;animation:.28s ease-out ktaModalFadeIn;display:flex;position:fixed;inset:0}@keyframes ktaModalFadeIn{0%{opacity:0}to{opacity:1}}.kta-adjust-modal-card{width:100%;max-width:440px;max-height:90vh;color:var(--text-main,#f8fafc);background:#0f172af2;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:1rem;padding:1.5rem 1.4rem;animation:.32s cubic-bezier(.175,.885,.32,1.2) ktaCardScaleUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 60px #000000a6,0 0 40px #e11d4826,inset 1px 1px 2px #ffffff1f}[data-theme=light] .kta-adjust-modal-card{color:#0f172a;background:#fffffff7;border-color:#e2e8f0e6;box-shadow:0 24px 60px #00000026,0 0 40px #e11d481f,inset 1px 1px 2px #fff}@keyframes ktaCardScaleUp{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.kta-modal-close-btn{width:32px;height:32px;color:var(--text-muted,#94a3b8);cursor:pointer;z-index:10;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}[data-theme=light] .kta-modal-close-btn{color:#64748b;background:#f1f5f9}.kta-modal-close-btn:hover{color:#fff;background:#ef4444;transform:rotate(90deg)}.kta-modal-header{align-items:center;gap:.85rem;padding-right:2rem;display:flex}.kta-header-icon-box{color:#fff;background:linear-gradient(135deg,#ba1a1a 0%,#e11d48 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex;box-shadow:0 6px 16px #ba1a1a66}.kta-header-text{flex-direction:column;display:flex}.kta-modal-title{letter-spacing:.2px;margin:0;font-size:1.1rem;font-weight:850}.kta-modal-subtitle{color:var(--text-muted,#94a3b8);margin:2px 0 0;font-size:.75rem}.kta-modal-alert{color:#f87171;background:#ef444426;border:1px solid #ef444466;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:600;display:flex}.kta-adjust-stage-container{flex-direction:column;align-items:center;gap:.5rem;margin:.2rem 0;display:flex}.kta-adjust-frame{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#090d16;border:2px solid #ba1a1a;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000080,inset 0 0 20px #000c}.kta-adjust-frame:active{cursor:grabbing}.kta-adjust-frame.empty-state{cursor:pointer;background:#ffffff08;border:2px dashed #ffffff40;justify-content:center;align-items:center;display:flex}[data-theme=light] .kta-adjust-frame.empty-state{background:#f8fafc;border-color:#00000040}.kta-empty-prompt{text-align:center;color:var(--text-muted,#94a3b8);flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem;display:flex}.empty-upload-icon{color:var(--primary-cyan,#06b6d4);font-size:2.4rem;animation:2s ease-in-out infinite emptyIconBounce}.empty-title{color:var(--text-main,#f8fafc);font-size:.95rem;font-weight:800}.empty-desc{font-size:.75rem;line-height:1.35}.kta-image-transform-layer{will-change:transform;justify-content:center;align-items:center;width:0;height:0;display:flex;position:absolute;top:50%;left:50%}.kta-source-image{pointer-events:none;max-width:none;max-height:none;display:block}.kta-photo-guide-overlay{pointer-events:none;z-index:5;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffff59}.guide-oval-head{background:#ffffff0a;border:1.5px dashed #ffffffa6;border-radius:50%;justify-content:center;align-items:center;width:58%;height:52%;display:flex;position:absolute;top:15%}.guide-label-eye{color:#06b6d4d9;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-top:1px dashed #06b6d4b3;width:80%;padding-top:2px;font-size:.62rem;font-weight:700;position:absolute;top:48%}.guide-shoulder-curve{border-top:1.5px dashed #ffffff8c;border-radius:50% 50% 0 0/100% 100% 0 0;width:92%;height:28%;position:absolute;bottom:0}.guide-hint-text{color:#fffc;letter-spacing:.3px;background:#0000008c;border-radius:999px;padding:2px 8px;font-size:.65rem;font-weight:750;position:absolute;bottom:8px}.stage-drag-instruction{color:var(--text-muted,#94a3b8);text-align:center;font-size:.7rem;font-weight:600}.kta-adjust-controls{background:#00000040;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:.65rem;padding:.8rem;display:flex}[data-theme=light] .kta-adjust-controls{background:#f8fafc;border-color:#e2e8f0}.adjust-control-row{align-items:center;gap:.6rem;display:flex}.adjust-tool-btn{width:32px;height:32px;color:var(--text-main,#f8fafc);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;transition:all .2s;display:flex}[data-theme=light] .adjust-tool-btn{color:#334155;background:#e2e8f0}.adjust-tool-btn:hover{background:var(--primary-cyan,#06b6d4);color:#fff;transform:scale(1.08)}.adjust-zoom-slider{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:999px;outline:none;flex:1;height:6px}[data-theme=light] .adjust-zoom-slider{background:#cbd5e1}.adjust-zoom-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ba1a1a;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;box-shadow:0 2px 6px #0000004d}.adjust-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.adjust-zoom-badge{color:var(--primary-cyan,#06b6d4);text-align:right;min-width:38px;font-size:.72rem;font-weight:800}.adjust-btn-group{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.adjust-pill-btn{color:var(--text-muted,#94a3b8);cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:.68rem;font-weight:700;transition:all .2s;display:flex}[data-theme=light] .adjust-pill-btn{color:#475569;background:#fff;border-color:#e2e8f0}.adjust-pill-btn:hover{color:var(--text-main,#f8fafc);background:#ffffff26}[data-theme=light] .adjust-pill-btn:hover{color:#0f172a;background:#f1f5f9}.adjust-pill-btn.guide-btn.active{color:var(--primary-cyan,#06b6d4);background:#06b6d433;border-color:#06b6d480}.kta-pas-foto-tips{color:var(--text-muted,#94a3b8);background:#ba1a1a1a;border:1px solid #ba1a1a4d;border-radius:12px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:.72rem;line-height:1.4;display:flex}[data-theme=light] .kta-pas-foto-tips{color:#881337;background:#fff1f2;border-color:#fecdd3}.kta-pas-foto-tips .tips-icon{color:#ba1a1a;flex-shrink:0;margin-top:1px;font-size:1rem}.kta-modal-actions{gap:.75rem;margin-top:.3rem;display:flex}.kta-btn-browse{color:var(--text-main,#f8fafc);cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff26;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.84rem;font-weight:750;transition:all .2s;display:flex}[data-theme=light] .kta-btn-browse{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.kta-btn-browse:hover{background:#ffffff29;transform:translateY(-1px)}.kta-btn-save-photo{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ba1a1a 0%,#e11d48 100%);border:none;border-radius:12px;flex:1.3;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:.88rem;font-weight:850;transition:all .2s;display:flex;box-shadow:0 6px 16px #ba1a1a66}.kta-btn-save-photo:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #ba1a1a8c}.kta-btn-save-photo:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite btnSpin}@keyframes btnSpin{to{transform:rotate(360deg)}}@media (width<=480px){.kta-adjust-modal-card{border-radius:20px;padding:1.2rem 1rem}.adjust-btn-group{grid-template-columns:repeat(2,1fr)}}.kta-page-container{background-color:var(--bg-main,#f0f4f8);width:calc(100% + 3rem);min-height:100vh;color:var(--text-main);box-sizing:border-box;background-image:linear-gradient(#750406 0,#850608 15px,#990a0d 32px,#af1014f2 48px,#c3161ad1 62px,#d71c209e 75px,#e1282d6b 86px,#eb373c40 96px,#f04b5021 104px,#f564690d 110px,#fa828704 115px,#0000 118px);background-repeat:no-repeat;background-size:100% 118px;flex-direction:column;margin:-1.5rem -1.5rem 0;padding-bottom:120px;display:flex;position:relative;overflow-x:hidden}[data-theme=dark] .kta-page-container{background-color:var(--bg-main,#0b0e14);background-image:linear-gradient(#4d0204 0,#420204 15px,#410204f2 32px,#410204cc 48px,#41020494 64px,#4102045c 78px,#41020433 90px,#41020417 100px,#41020408 108px,#41020402 114px,#0000 118px);background-repeat:no-repeat;background-size:100% 118px}.kta-page-container:before{content:"";pointer-events:none;z-index:1;opacity:.9;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.8' stroke-opacity='0.08'%3E%3Cpath d='M24 0L48 24L24 48L0 24Z'/%3E%3Cpath d='M0 0L48 48M48 0L0 48'/%3E%3Ccircle cx='24' cy='24' r='1.8' fill='%23ffffff' fill-opacity='0.18'/%3E%3C/g%3E%3C/svg%3E");background-size:48px 48px;height:118px;animation:32s linear infinite geometricPatternDrift;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000f2 0%,#0009 40%,#0003 70%,#0000000a 90%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#0009 40%,#0003 70%,#0000000a 90%,#0000 100%)}.kta-page-container:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(65% 55% at 30% 20%,#ffffff2e 0%,#ff787814 50%,#0000 75%),radial-gradient(55% 45% at 75% 30%,#ffc8c824 0%,#0000 70%);height:118px;animation:8s ease-in-out infinite alternate ambientLightPulse;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000f2 0%,#0006 65%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#0006 65%,#0000 100%)}.kta-page-header{color:#fff;box-shadow:none;z-index:10;background:0 0;justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .5rem;display:flex;position:relative}.kta-page-header .back-btn{-webkit-backdrop-filter:blur(14px);color:#fff;cursor:pointer;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:3px 3px 8px #00000040,-2px -2px 6px #ffffff26,inset 1px 1px 2px #fff6}.kta-page-header .back-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:4px 6px 12px #0000004d,-2px -2px 8px #ffffff40,inset 1px 1px 2px #ffffff80}.kta-page-header .back-btn:active{transform:translateY(0)scale(.95);box-shadow:inset 2px 2px 4px #0000004d,inset -1px -1px 2px #fff3}.kta-title{font-family:var(--font-family);letter-spacing:.5px;color:#fff;text-shadow:0 2px 8px #00000073;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:800;display:flex}.kta-header-icon{color:gold;filter:drop-shadow(0 0 6px #ffd700cc);font-size:1.35rem}.kta-page-content{box-sizing:border-box;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:480px;margin:0 auto;padding:1.5rem 1rem;display:flex}.kta-card-scene{aspect-ratio:1004/638;perspective:1500px;width:100%;max-width:440px;margin:.5rem auto}.kta-status-banner{-webkit-backdrop-filter:blur(12px);box-sizing:border-box;border-radius:14px;align-items:center;gap:.85rem;width:100%;max-width:440px;padding:.85rem 1rem;transition:all .3s;display:flex}.kta-status-banner.verified{background:#10b9811f;border:1px solid #10b98159;box-shadow:0 4px 16px #10b9811f}.kta-status-banner.incomplete{background:#f59e0b1f;border:1px solid #f59e0b59;box-shadow:0 4px 16px #f59e0b1f}.kta-status-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;font-size:1.45rem;display:flex}.kta-status-banner.verified .kta-status-icon-wrapper{color:#10b981}.kta-status-banner.incomplete .kta-status-icon-wrapper{color:#f59e0b}.kta-status-info{flex:1}.kta-status-info h5{color:var(--text-main);letter-spacing:.2px;margin:0 0 .2rem;font-size:.85rem;font-weight:800}.kta-status-info p{color:var(--text-secondary,#64748b);margin:0;font-size:.72rem;line-height:1.35}.kta-status-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.75rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 2px 6px #f59e0b59}.kta-status-action-btn:hover{background:#d97706;transform:translateY(-1px)}.kta-spec-pill{color:var(--text-secondary,#64748b);-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid #00000014;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.72rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .kta-spec-pill{color:#94a3b8;background:#1e293b99;border:1px solid #ffffff14}.kta-actions{grid-template-columns:1fr 1fr;gap:.85rem;width:100%;max-width:440px;display:grid}.kta-btn{font-family:var(--font-main);cursor:pointer;letter-spacing:.5px;text-transform:uppercase;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1rem;font-size:.82rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.kta-btn-photo{color:var(--primary-cyan,#06b6d4);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#06b6d424 0%,#0d94882e 100%);border:1.5px solid #06b6d466;grid-column:span 2;padding:.9rem 1.2rem;font-size:.86rem;box-shadow:0 6px 18px #06b6d426,inset 1px 1px 2px #fff3}[data-theme=light] .kta-btn-photo{color:#0284c7;background:linear-gradient(135deg,#ecfeff 0%,#e0f2fe 100%);border-color:#bae6fd;box-shadow:0 4px 14px #0284c71f,inset 1px 1px 2px #fff}.kta-btn-photo:hover{background:linear-gradient(135deg,#06b6d43d 0%,#0d948847 100%);transform:translateY(-2px);box-shadow:0 8px 24px #06b6d447}[data-theme=light] .kta-btn-photo:hover{background:linear-gradient(135deg,#cffafe 0%,#bae6fd 100%);box-shadow:0 8px 20px #0284c733}.kta-btn-photo:active{transform:translateY(1px)}.kta-btn-flip{color:var(--text-main,#1e293b);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1.5px solid #ffffffe6;box-shadow:5px 5px 12px #a3b1c659,-4px -4px 10px #ffffffe6,inset 1px 1px 2px #fffc}[data-theme=dark] .kta-btn-flip{color:#f8fafc;background:#1e293bb3;border:1.5px solid #ffffff1f;box-shadow:5px 5px 14px #0006,-3px -3px 8px #ffffff08,inset 1px 1px 2px #ffffff14}.kta-btn-flip:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:6px 8px 16px #a3b1c673,-4px -4px 12px #fff}.kta-btn-flip:active{transform:translateY(1px);box-shadow:inset 2px 2px 5px #00000026}.kta-btn-download{color:#fff;background:linear-gradient(135deg,#ba1a1a 0%,#e11d48 100%);border:1.5px solid #ffffff59;box-shadow:0 8px 20px #ba1a1a66,inset 1px 1px 2px #fff6}.kta-btn-download:hover{transform:translateY(-2px);box-shadow:0 12px 24px #ba1a1a8c,inset 1px 1px 2px #ffffff80}.kta-btn-download:active{transform:translateY(1px);box-shadow:inset 2px 2px 5px #00000040}.kta-btn-download:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.kta-btn-download-all{width:100%;max-width:440px;color:var(--text-secondary,#475569);-webkit-backdrop-filter:blur(8px);font-family:var(--font-main);letter-spacing:.3px;cursor:pointer;background:#ffffff8c;border:1px dashed #0000002e;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:-.75rem;padding:.75rem 1rem;font-size:.78rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 2px 6px #0000000a}[data-theme=dark] .kta-btn-download-all{color:#94a3b8;background:#1e293b8c;border:1px dashed #ffffff2e}.kta-btn-download-all:hover{color:var(--text-main,#0f172a);background:#ffffffd9;border-color:#ba1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}[data-theme=dark] .kta-btn-download-all:hover{color:#f8fafc;background:#1e293bd9;border-color:#e11d48}.kta-btn-download-all:active{transform:translateY(0)}.kta-btn-download-all:disabled{opacity:.5;cursor:not-allowed;transform:none}.spin-reverse{animation:.5s ease-in-out spinReversed}@keyframes spinReversed{0%{transform:rotate(0)}to{transform:rotate(-180deg)}}.settings-container{box-sizing:border-box;width:calc(100% + 3rem);min-height:100vh;color:var(--text-main);background:0 0;flex-direction:column;gap:.75rem;margin:-1.5rem -1.5rem 0;padding:.75rem 1rem 6rem;animation:.3s ease-in-out fadeIn;display:flex}.settings-header{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;display:flex}.settings-back-btn{-webkit-backdrop-filter:blur(12px);color:var(--text-primary);cursor:pointer;background:#ffffffbf;border:1.5px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:4px 4px 10px #a3b1c659,-4px -4px 10px #fffffff2}[data-theme=dark] .settings-back-btn{color:#fff;background:#1a202ea6;border-color:#ffffff1a;box-shadow:4px 4px 10px #00000073,-3px -3px 8px #ffffff08}.settings-back-btn:hover{color:var(--primary-red);transform:scale(1.08)}.settings-back-btn:active{transform:scale(.95)}.settings-main-title{color:var(--text-main);letter-spacing:.4px;margin:0;font-size:1.15rem;font-weight:800}.settings-content{flex-direction:column;gap:.85rem;width:100%;display:flex}.settings-section{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:#ffffffbf;border:1.5px solid #ffffffe6;border-radius:18px;width:100%;padding:1.1rem 1.15rem .85rem;transition:all .25s;position:relative;box-shadow:6px 6px 14px #a3b1c659,-6px -6px 14px #ffffffe6,inset 1px 1px 2px #fffc}[data-theme=dark] .settings-section{background:#161a22b3;border:1.5px solid #ffffff1a;box-shadow:6px 6px 14px #00000073,-4px -4px 10px #ffffff08,inset 1px 1px 2px #ffffff14}.settings-section-preferences{z-index:15}.settings-section h3{color:var(--text-main);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .85rem;padding-bottom:.45rem;font-size:.85rem;font-weight:800}.settings-item{-webkit-backdrop-filter:blur(14px);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:.55rem;padding:.65rem .85rem;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.settings-item:last-child{margin-bottom:0}[data-theme=light] .settings-item{background:#ffffffbf;border:1px solid #fffffff2;box-shadow:3px 3px 8px #a6b4c840,-3px -3px 8px #fffffff2,inset 0 1px 1px #fffc}[data-theme=dark] .settings-item{background:#1a202e8c;border:1px solid #ffffff12;box-shadow:4px 4px 10px #0006,-2px -2px 6px #ffffff05,inset 0 1px 1px #ffffff0d}.settings-item:hover{transform:translateY(-2px)}[data-theme=light] .settings-item:hover{background:#ffffffeb;box-shadow:5px 5px 12px #a6b4c859,-4px -4px 10px #fff}[data-theme=dark] .settings-item:hover{background:#1e2638bf;box-shadow:5px 5px 14px #0000008c,-3px -3px 9px #ffffff0a}.settings-item-interactive{cursor:pointer}.settings-item-info{flex:1;align-items:center;gap:.85rem;min-width:0;display:flex}.settings-item-icon-box{-webkit-backdrop-filter:blur(8px);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:1.15rem;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex;position:relative}[data-theme=light] .settings-item-icon-box{box-shadow:3px 3px 7px #a6b4c840,-2px -2px 6px #fffffff2}[data-theme=dark] .settings-item-icon-box{box-shadow:3px 3px 8px #0006,-1px -1px 4px #ffffff08}.settings-item:hover .settings-item-icon-box{transform:scale(1.08)}.settings-item-icon-box.icon-user{color:#2563eb;background:linear-gradient(135deg,#2563eb24,#3b82f614);border:1px solid #2563eb33}[data-theme=dark] .settings-item-icon-box.icon-user{color:#60a5fa;background:linear-gradient(135deg,#3b82f638,#2563eb1f);border-color:#60a5fa4d}.settings-item-icon-box.icon-shield{color:#7c3aed;background:linear-gradient(135deg,#7c3aed24,#8b5cf614);border:1px solid #7c3aed33}[data-theme=dark] .settings-item-icon-box.icon-shield{color:#a78bfa;background:linear-gradient(135deg,#8b5cf638,#7c3aed1f);border-color:#a78bfa4d}.settings-item-icon-box.icon-bell{color:#d97706;background:linear-gradient(135deg,#d9770624,#f59e0b14);border:1px solid #d9770638}[data-theme=dark] .settings-item-icon-box.icon-bell{color:#fbbf24;background:linear-gradient(135deg,#f59e0b38,#d977061f);border-color:#fbbf244d}.settings-item-icon-box.icon-moon{color:#4f46e5;background:linear-gradient(135deg,#4f46e524,#6366f114);border:1px solid #4f46e538}[data-theme=dark] .settings-item-icon-box.icon-moon{color:#818cf8;background:linear-gradient(135deg,#6366f138,#4f46e51f);border-color:#818cf84d}.settings-item-icon-box.icon-globe{color:#0d9488;background:linear-gradient(135deg,#0d948824,#14b8a614);border:1px solid #0d948838}[data-theme=dark] .settings-item-icon-box.icon-globe{color:#2dd4bf;background:linear-gradient(135deg,#14b8a638,#0d94881f);border-color:#2dd4bf4d}.settings-item-icon-box.icon-help{color:#059669;background:linear-gradient(135deg,#05966924,#10b98114);border:1px solid #05966933}[data-theme=dark] .settings-item-icon-box.icon-help{color:#34d399;background:linear-gradient(135deg,#10b98138,#0596691f);border-color:#34d3994d}.settings-item-icon-box.icon-info{color:#e11d48;background:linear-gradient(135deg,#e11d4824,#f43f5e14);border:1px solid #e11d4833}[data-theme=dark] .settings-item-icon-box.icon-info{color:#fb7185;background:linear-gradient(135deg,#f43f5e38,#e11d481f);border-color:#fb71854d}.settings-item-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.settings-item-title{color:var(--text-main);font-size:.88rem;font-weight:700;line-height:1.25}.settings-item-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:500;overflow:hidden}.settings-item-arrow{color:var(--text-muted);font-size:1.1rem;transition:transform .2s,color .2s}.settings-item:hover .settings-item-arrow{color:var(--primary-red);transform:translate(3px)}.settings-version-tag{color:var(--text-muted);border:1px solid var(--border-color);background:#0000000d;border-radius:8px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}[data-theme=dark] .settings-version-tag{color:#ffffffbf;background:#ffffff0f}.settings-action-btn{color:#c62828;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #fffffff2;border-radius:10px;padding:.35rem .9rem;font-size:.78rem;font-weight:700;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:3px 3px 7px #a3b1c64d,-2px -2px 6px #fffffff2}[data-theme=dark] .settings-action-btn{color:#ef5350;background:#1e2638d9;border-color:#ffffff1a;box-shadow:3px 3px 8px #0006,-1px -1px 4px #ffffff08}.settings-action-btn:hover{color:#fff;background:linear-gradient(135deg,#c62828 0%,#e53935 100%);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 12px #c6282859}.settings-action-btn:active{transform:translateY(0)}.custom-dropdown{width:130px;position:relative}.custom-dropdown-selected{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-main);cursor:pointer;background:#fff9;border-radius:10px;justify-content:space-between;align-items:center;padding:.4rem .75rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex;box-shadow:inset 1px 1px 2px #ffffff80}[data-theme=dark] .custom-dropdown-selected{background:#14182299;box-shadow:inset 1px 1px 2px #ffffff0d}.custom-dropdown-selected:hover,.custom-dropdown-selected.open{border-color:#c62828}.custom-dropdown-selected.open{box-shadow:0 0 0 2px #c6282833}.custom-dropdown-arrow{font-size:.95rem;transition:transform .25s}.custom-dropdown-selected.open .custom-dropdown-arrow{transform:rotate(180deg)}.custom-dropdown-options{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--border-color);z-index:100;border-radius:12px;margin-top:.35rem;animation:.2s ease-out slideDown;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 10px 25px #0003}.custom-dropdown-option{color:var(--text-main);cursor:pointer;padding:.55rem .75rem;font-size:.8rem;font-weight:600;transition:background .18s}.custom-dropdown-option:hover{color:#c62828;background:#c6282814}[data-theme=dark] .custom-dropdown-option:hover{color:#ef5350;background:#ef535026}.custom-dropdown-option.active{color:#fff;background:linear-gradient(135deg,#c62828 0%,#e53935 100%)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-switch{flex-shrink:0;width:46px;height:26px;display:inline-block;position:relative}.settings-switch input{opacity:0;width:0;height:0}.settings-slider{cursor:pointer;border:1px solid var(--border-color);background-color:#a0aec059;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.settings-slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 5px #00000040}input:checked+.settings-slider{background:linear-gradient(135deg,#c62828 0%,#e53935 100%);border-color:#c62828}input:focus+.settings-slider{box-shadow:0 0 0 2px #c6282840}input:checked+.settings-slider:before{transform:translate(20px)}.settings-slider.round{border-radius:34px}.settings-slider.round:before{border-radius:50%}.settings-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#000000a6;justify-content:center;align-items:center;padding:1.25rem;animation:.22s ease-out fadeIn;display:flex;position:fixed;inset:0}.settings-modal-content{background:var(--bg-card,#fff);box-sizing:border-box;border:1.5px solid #fff6;border-radius:22px;width:100%;max-width:420px;padding:1.75rem 1.4rem 1.4rem;animation:.28s cubic-bezier(.16,1,.3,1) modalScaleUp;position:relative;box-shadow:0 24px 50px #0000004d,0 10px 20px #00000026}[data-theme=dark] .settings-modal-content{background:#181d28;border-color:#ffffff1a;box-shadow:0 24px 50px #0009,0 10px 20px #0006}.settings-modal-close{cursor:pointer;width:34px;height:34px;color:var(--text-muted);z-index:10;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}[data-theme=dark] .settings-modal-close{color:#ffffffb3;background:#ffffff14}.settings-modal-close:hover{color:#c62828;background:#c6282826;transform:rotate(90deg)}.settings-modal-content h3{color:var(--text-main);letter-spacing:.3px;margin-top:0;margin-bottom:1.25rem;font-size:1.2rem;font-weight:800}.settings-input-group{text-align:left;margin-bottom:1.25rem}.settings-input-group label{color:var(--text-main);margin-bottom:.45rem;font-size:.85rem;font-weight:700;display:block}.settings-input{border:1.5px solid var(--border-color);width:100%;color:var(--text-main);box-sizing:border-box;background:#00000008;border-radius:12px;outline:none;padding:.75rem .95rem;font-family:inherit;font-size:.92rem;transition:all .2s}[data-theme=dark] .settings-input{background:#ffffff0d;border-color:#ffffff1a}.settings-input:focus{background:0 0;border-color:#c62828;box-shadow:0 0 0 3px #c6282826}.settings-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.settings-btn-cancel{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;padding:.65rem 1.15rem;font-size:.85rem;font-weight:700;transition:all .2s}.settings-btn-cancel:hover{color:var(--text-main);background:#0000000d}[data-theme=dark] .settings-btn-cancel:hover{background:#ffffff14}.settings-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c62828 0%,#e53935 100%);border:none;border-radius:12px;padding:.65rem 1.35rem;font-size:.85rem;font-weight:700;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #c6282859}.settings-btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c6282873}.settings-btn-save:disabled{opacity:.65;cursor:not-allowed;transform:none}.settings-support-card{box-sizing:border-box;background:#e1306c0d;border:1.5px solid #e1306c38;border-radius:16px;align-items:center;gap:.85rem;margin-bottom:.75rem;padding:.95rem 1rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}[data-theme=dark] .settings-support-card{background:#e1306c1a;border-color:#e1306c4d}.settings-support-card:hover{border-color:#e1306c66;transform:translateY(-2px);box-shadow:0 8px 20px -4px #e1306c40}.settings-support-icon-box{color:#fff;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:1.45rem;display:flex;box-shadow:0 4px 12px #e1306c59}.settings-support-info{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.settings-support-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:700}.settings-support-username{color:var(--text-main);letter-spacing:.2px;font-size:.96rem;font-weight:800}.settings-support-name{color:#e1306c;font-size:.78rem;font-weight:600}.settings-support-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#c62828 0%,#e53935 100%);border-radius:10px;flex-shrink:0;align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 3px 8px #c628284d}.settings-support-btn:hover{transform:scale(1.05);box-shadow:0 5px 14px #c6282873}.settings-about-badge{color:#10b981;letter-spacing:.4px;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-flex}.settings-about-badge-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 8px #10b981}@keyframes pulseDot{0%,to{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.settings-about-author-box{border:1px solid var(--border-color);background:#00000008;border-radius:14px;flex-direction:column;align-items:center;gap:.4rem;margin-top:.5rem;padding:.75rem 1rem;display:flex}[data-theme=dark] .settings-about-author-box{background:#ffffff0a}.settings-about-author-label{color:var(--text-muted);font-size:.72rem;font-weight:600}.settings-about-author-link{color:var(--text-main);align-items:center;gap:.45rem;font-size:.85rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.settings-author-ig-icon{color:#e1306c;font-size:1.05rem}.settings-about-author-link:hover{color:#e1306c;transform:translateY(-1px)}.pembina-dashboard-wrapper.pembina-main-dashboard{background:linear-gradient(180deg, #750406 0px, #880709 35px, #9c0c0f 70px, #ae1013 100px, #ba1215 125px, #c62326 155px, #d2373a 185px, #dd4e51 215px, #e7686b 245px, #ef878a 272px, #f4a7a9 298px, #f8c6c8 320px, #fbe0e1 340px, #fdf2f3 355px, #fef9fa 368px, #f6f8fa 376px, var(--bg-main,#f0f4f8) 385px, var(--bg-main,#f0f4f8) 100%)!important;background-color:var(--bg-main,#f0f4f8)!important;background-repeat:no-repeat!important}[data-theme=dark] .pembina-dashboard-wrapper.pembina-main-dashboard{background:linear-gradient(180deg, #4d0204 0px, #410203 40px, #360204 85px, #2c0204 125px, #230305 160px, #1d0407 195px, #180509 230px, #15060b 265px, #12070d 298px, #10080f 326px, #0e0911 352px, #0c0a13 372px, var(--bg-main,#0b0e14) 385px, var(--bg-main,#0b0e14) 100%)!important;background-color:var(--bg-main,#0b0e14)!important;background-repeat:no-repeat!important}.pembina-dashboard-wrapper{background-color:var(--bg-main,#f0f4f8)!important;background-image:linear-gradient(180deg, #750406 0px, #850608 20px, #960a0d 40px, #a81013 60px, #b9171a 80px, #c82629 100px, #d53a3d 118px, #e15255 134px, #eb6c6f 148px, #f2878a 160px, #f6a3a5 171px, #f9bebf 181px, #fcd6d7 190px, #fde8e9 198px, #fef3f4 205px, #fef9fa 211px, #fbfdfe 216px, var(--bg-main,#f0f4f8) 220px, var(--bg-main,#f0f4f8) 100%)!important;background-repeat:no-repeat!important;position:relative!important;overflow-x:hidden!important}[data-theme=dark] .pembina-dashboard-wrapper{background-color:var(--bg-main,#0b0e14)!important;background-image:linear-gradient(180deg, #4d0204 0px, #430204 20px, #3a0204 40px, #310204 60px, #290305 80px, #220306 100px, #1c0407 118px, #170509 134px, #14050a 148px, #12060c 160px, #10070d 171px, #0f080f 181px, #0e0910 190px, #0d0a11 198px, #0c0b12 205px, #0c0c13 211px, #0b0d14 216px, var(--bg-main,#0b0e14) 220px, var(--bg-main,#0b0e14) 100%)!important;background-repeat:no-repeat!important}.pembina-dashboard-wrapper,.scan-page-wrapper{position:relative!important;overflow-x:hidden!important}.pembina-dashboard-wrapper:before,.scan-page-wrapper:before{content:"";pointer-events:none;z-index:1;opacity:.85;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.8' stroke-opacity='0.07'%3E%3Cpath d='M24 0L48 24L24 48L0 24Z'/%3E%3Cpath d='M0 0L48 48M48 0L0 48'/%3E%3Ccircle cx='24' cy='24' r='1.8' fill='%23ffffff' fill-opacity='0.16'/%3E%3C/g%3E%3C/svg%3E");background-size:48px 48px;height:260px;animation:32s linear infinite geometricPatternDrift;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000e6 0,#000000a6 45px,#00000059 95px,#0000001f 140px,#00000008 175px,#0000 205px);mask-image:linear-gradient(#000000e6 0,#000000a6 45px,#00000059 95px,#0000001f 140px,#00000008 175px,#0000 205px)}.pembina-dashboard-wrapper:after,.scan-page-wrapper:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(65% 55% at 30% 25%,#ffffff29 0%,#ff787814 45%,#0000 70%),radial-gradient(55% 45% at 75% 35%,#ffc8c824 0%,#0000 65%);width:140%;height:260px;animation:8s ease-in-out infinite alternate ambientLightPulse;position:absolute;top:0;left:-20%;-webkit-mask-image:linear-gradient(#000000e6 0,#000000a6 45px,#00000059 95px,#0000001f 140px,#00000008 175px,#0000 205px);mask-image:linear-gradient(#000000e6 0,#000000a6 45px,#00000059 95px,#0000001f 140px,#00000008 175px,#0000 205px)}.pembina-dashboard-wrapper.pembina-main-dashboard:before{height:400px!important;-webkit-mask-image:linear-gradient(#000000f2 0%,#00000073 60%,#0000 100%)!important;mask-image:linear-gradient(#000000f2 0%,#00000073 60%,#0000 100%)!important}.pembina-dashboard-wrapper.pembina-main-dashboard:after{height:380px!important;-webkit-mask-image:linear-gradient(#000 0%,#00000080 60%,#0000 100%)!important;mask-image:linear-gradient(#000 0%,#00000080 60%,#0000 100%)!important}[data-theme=dark] .pembina-dashboard-wrapper:before,[data-theme=dark] .scan-page-wrapper:before{opacity:.65}[data-theme=dark] .pembina-dashboard-wrapper:after,[data-theme=dark] .scan-page-wrapper:after{background:radial-gradient(65% 55% at 30% 25%,#ff64641a 0%,#b4323c0d 45%,#0000 70%),radial-gradient(55% 45% at 75% 35%,#ff969614 0%,#0000 65%)}.pembina-top-new{z-index:2;flex-direction:column;padding:1.5rem 1.5rem .5rem;display:flex;position:relative;background:0 0!important}[data-theme=dark] .pembina-top-new{background:0 0!important}.pembina-dashboard-wrapper:not(.pembina-main-dashboard) .pembina-top-new:not(.absensi-top-area){padding-bottom:.6rem!important}.pembina-dashboard-wrapper:not(.pembina-main-dashboard) .dashboard-bottom:not(.absensi-bottom-area){margin-top:0!important;padding-top:.45rem!important}.pembina-header-bar{justify-content:space-between;align-items:center;margin-bottom:.65rem;padding-top:.2rem;display:flex}.pembina-avatar-sm{cursor:pointer;background:#fff;border:2px solid #ffffff4d;border-radius:50%;width:42px;height:42px;overflow:hidden;box-shadow:0 4px 8px #0003}.pembina-avatar-sm img{object-fit:cover;width:100%;height:100%}.pembina-name-title{color:#fff;letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:1.1rem;font-weight:800}.pembina-header-bar .theme-toggle{box-shadow:none!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important;padding:.5rem!important}.pembina-header-bar .theme-toggle .icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:1.3rem;color:#fff!important}.pembina-greeting-section{z-index:2;justify-content:space-between;align-items:flex-end;margin-bottom:.25rem;padding:0 .5rem;display:flex;position:relative}.pembina-bottom-new{z-index:3;flex:1;padding:.35rem 1.1rem 5rem;position:relative;box-shadow:none!important;background:0 0!important;border-top:none!important;border-top-left-radius:0!important;border-top-right-radius:0!important;gap:.4rem!important}[data-theme=dark] .pembina-bottom-new{background:0 0!important}.pembina-tabs{-webkit-backdrop-filter:blur(16px);transition:var(--transition-all);background:#ffffffd1;border:1.5px solid #ffffffe6;border-radius:16px;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:.35rem;padding:4px;display:grid;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #fffc,0 6px 18px #0000000a}[data-theme=dark] .pembina-tabs{background:#161a22d1;border-color:#ffffff1a;box-shadow:inset 3px 3px 6px #00000080,inset -2px -2px 6px #ffffff08,0 6px 18px #00000040}.absensi-filter-tabs{flex-wrap:wrap;gap:6px;display:flex!important}.pembina-tab-btn{cursor:pointer;color:var(--text-secondary,#64748b);letter-spacing:.5px;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:6px;padding:.6rem .5rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.pembina-tab-btn:hover{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);background:#ffffff73;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .pembina-tab-btn:hover{color:#fff;background:#ffffff0f;box-shadow:0 2px 8px #0003}.pembina-tab-btn.active{text-shadow:0 1px 2px #0000004d;-webkit-backdrop-filter:blur(12px)!important;color:#fff!important;background:linear-gradient(135deg,#e11d48 0%,#b71c1c 100%)!important;border:1px solid #fff6!important;font-weight:800!important;box-shadow:inset 1px 1px 3px #ffffff80,inset -2px -2px 5px #00000040,0 6px 18px #ba121559,0 2px 6px #0000001a!important}[data-theme=dark] .pembina-tab-btn.active{background:linear-gradient(135deg,#be123c 0%,#991b1b 100%)!important;border:1px solid #ffffff40!important;box-shadow:inset 1px 1px 3px #fff6,inset -2px -2px 5px #00000073,0 6px 20px #ba121573!important}.active-users-scroll{-ms-overflow-style:none;scrollbar-width:none;gap:.75rem;margin-bottom:.35rem;padding:4px 2px 6px;display:flex;overflow-x:auto}.active-user-item{flex-direction:column;flex-shrink:0;align-items:center;min-width:62px;transition:transform .2s,opacity .2s;display:flex}.active-user-avatar-wrap{justify-content:center;align-items:center;margin-bottom:4px;display:flex;position:relative}.active-user-avatar{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:3px;transition:all .3s;display:flex;position:relative}.active-user-avatar.live-avatar{background:linear-gradient(135deg,#10b981,#06b6d4);animation:2.6s ease-in-out infinite liveAvatarAura}[data-theme=dark] .active-user-avatar.live-avatar{background:linear-gradient(135deg,#059669,#0d9488);animation:2.6s ease-in-out infinite liveAvatarAuraDark}@keyframes liveAvatarAura{0%,to{transform:scale(1);box-shadow:0 0 #10b98180,0 2px 8px #10b98133}50%{transform:scale(1.02);box-shadow:0 0 0 4.5px #10b98126,0 4px 14px #10b9814d}}@keyframes liveAvatarAuraDark{0%,to{transform:scale(1);box-shadow:0 0 #34d39973,0 2px 10px #10b98140}50%{transform:scale(1.02);box-shadow:0 0 0 4.5px #34d3992e,0 4px 16px #10b98159}}.active-user-avatar.offline-avatar{background:#cbd5e1;box-shadow:0 1px 3px #0000000f}[data-theme=dark] .active-user-avatar.offline-avatar{background:#475569;box-shadow:0 1px 3px #00000040}.active-user-avatar.offline-avatar img{filter:grayscale(65%)opacity(.8);transition:filter .3s,opacity .3s}.active-user-item.is-offline .active-user-name{color:#94a3b8;opacity:.85}.active-duration-badge{letter-spacing:.01em;white-space:nowrap;border:1.5px solid var(--bg-card);z-index:2;border-radius:999px;justify-content:center;align-items:center;gap:3.5px;padding:1.5px 6.5px;font-size:.58rem;font-weight:700;line-height:1.2;display:inline-flex;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001f}.active-duration-badge.badge-online{color:#fff;background:linear-gradient(135deg,#059669,#10b981)}.live-badge-dot{background:#fff;border-radius:50%;width:4px;height:4px;animation:1.5s ease-in-out infinite liveBadgeDotPulse;display:inline-block}@keyframes liveBadgeDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.active-duration-badge.badge-offline{color:#f8fafc;background:#64748b}[data-theme=dark] .active-duration-badge.badge-offline{color:#e2e8f0;background:#475569}.active-user-name{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:66px;margin-top:3px;font-size:.68rem;transition:color .2s;overflow:hidden}.metrics-main-desc{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.35}[data-theme=dark] .metrics-main-title{color:#fff}[data-theme=dark] .metrics-main-desc{color:#ffffffb3}@media (width<=480px){.metrics-grid{gap:.5rem}.metric-card{border-radius:14px!important;min-height:125px!important;padding:.75rem .5rem!important}.metric-icon-wrap{border-radius:8px!important;width:30px!important;height:30px!important;font-size:.95rem!important}.metric-tag{padding:1px 4px!important;font-size:.55rem!important}.metric-value{font-size:1.4rem!important}.metric-title{letter-spacing:.2px!important;font-size:.62rem!important}.metric-subtext{font-size:.58rem!important}}.live-absensi-container{-webkit-backdrop-filter:blur(12px);background:#ffffff73;border:1px solid #fffc;border-radius:18px;justify-content:center;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex;box-shadow:6px 6px 12px #a3b1c673,-6px -6px 12px #fffc}[data-theme=dark] .live-absensi-container{background:#1e1e1e99;border:1px solid #ffffff1a;box-shadow:6px 6px 12px #0006,-6px -6px 12px #ffffff08}.donut-chart-wrapper{filter:drop-shadow(0 4px 8px #0000001a);flex-shrink:0;width:140px;height:140px;animation:4s ease-in-out infinite alternate floatDonut;position:relative}@keyframes floatDonut{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.donut-chart{border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(.16,1,.3,1) forwards spinInDonut}@keyframes spinInDonut{0%{opacity:0;transform:rotate(-180deg)scale(.5)}to{opacity:1;transform:rotate(0)scale(1)}}.donut-chart circle{stroke-linecap:round;cursor:pointer;transition:all .3s}.donut-chart circle:hover{stroke-width:18px;filter:drop-shadow(0 0 4px #ffffff80)}.donut-chart-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-total{color:var(--text-primary);font-size:1.8rem;font-weight:900;line-height:1}.donut-label{color:var(--text-secondary);text-transform:uppercase;margin-top:2px;font-size:.65rem;font-weight:700}.live-absensi-legend{flex-direction:column;flex:1;gap:.6rem;display:flex}.legend-item{background:#ffffff80;border:1px solid #fffc;border-radius:12px;align-items:center;padding:.5rem .8rem;transition:transform .2s;display:flex;box-shadow:inset 2px 2px 5px #ffffff80,0 2px 4px #0000000d}.legend-item:hover{transform:scale(1.03)}[data-theme=dark] .legend-item{background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 2px 4px #0003}.legend-color{border-radius:50%;width:12px;height:12px;margin-right:10px;box-shadow:0 0 5px #0003}.legend-label{color:var(--text-secondary);flex:1;font-size:.85rem;font-weight:700}.legend-value{color:var(--text-primary);font-size:1.1rem;font-weight:900}.stats-section{grid-template-columns:1fr 1fr;gap:1rem;width:100%;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;align-items:center;padding:1.2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}[data-theme=dark] .stat-card{background:var(--bg-card);border-color:#ffffff14}.stat-icon-bg{opacity:.1;font-size:5rem;position:absolute;bottom:-15px;right:-10px;transform:rotate(-15deg)}.stat-blue .stat-icon-bg{color:#2196f3}.stat-orange .stat-icon-bg{color:#ff9800}.stat-content h3{color:var(--text-primary);margin:0 0 .2rem;font-size:1.8rem}.stat-blue .stat-content h3{color:#1976d2}.stat-orange .stat-content h3{color:#f57c00}[data-theme=dark] .stat-blue .stat-content h3{color:#64b5f6}[data-theme=dark] .stat-orange .stat-content h3{color:#ffb74d}.stat-content p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.75rem;font-weight:700}.quick-actions-section{width:100%}.section-title{color:var(--text-primary);margin-bottom:.8rem;font-size:1.1rem;font-weight:800}.pembina-action-grid{flex-direction:column;gap:.45rem;display:flex}.p-action-btn{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffff59;border:1px solid #fff9;border-radius:14px;align-items:center;padding:.65rem .85rem;transition:all .2s;display:flex;box-shadow:6px 6px 12px #a3b1c673,-6px -6px 12px #fffc}[data-theme=dark] .p-action-btn{background:var(--bg-card);border:1px solid #ffffff1a;box-shadow:6px 6px 12px #0006,-6px -6px 12px #ffffff08}.p-action-btn:hover{transform:scale(.98);box-shadow:inset 4px 4px 10px #a3b1c699,inset -4px -4px 10px #fffc}[data-theme=dark] .p-action-btn:hover{box-shadow:inset 4px 4px 10px #00000080,inset -4px -4px 10px #ffffff0d}.p-action-btn.p-action-btn-red{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(16px)!important;color:#fff!important;background:linear-gradient(135deg,#e11d48f2 0%,#b71c1cf5 100%)!important;border:1.5px solid #ffffff73!important;border-radius:14px!important;min-height:auto!important;padding:.65rem .5rem!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 6px 18px #ba121559,inset 1.5px 1.5px 3px #ffffff80,inset -2px -2px 5px #0000004d,5px 5px 12px #a3b1c666,-4px -4px 10px #ffffffd9!important}[data-theme=dark] .p-action-btn.p-action-btn-red{background:linear-gradient(135deg,#be123cf2 0%,#991b1bf5 100%)!important;border:1.5px solid #ffffff40!important;box-shadow:0 6px 20px #ba121573,inset 1.5px 1.5px 3px #ffffff59,inset -2px -2px 6px #0000008c,5px 5px 12px #00000073,-3px -3px 8px #ffffff0a!important}.p-action-btn.p-action-btn-red:hover{transform:translateY(-2px)scale(1.02)!important;box-shadow:0 10px 24px #ba121573,inset 2px 2px 4px #fff9,inset -2px -2px 6px #00000059,7px 7px 16px #a3b1c680,-5px -5px 12px #fffffff2!important}[data-theme=dark] .p-action-btn.p-action-btn-red:hover{transform:translateY(-2px)scale(1.02)!important;box-shadow:0 10px 26px #ba12158c,inset 2px 2px 4px #ffffff73,inset -2px -2px 6px #0009,7px 7px 16px #0000008c,-4px -4px 10px #ffffff0f!important}.p-action-btn.p-action-btn-red:active{transform:translateY(1px)scale(.98)!important;box-shadow:0 4px 12px #ba12154d,inset 3px 3px 6px #0006,inset -2px -2px 5px #ffffff4d,2px 2px 6px #a3b1c666!important}[data-theme=dark] .p-action-btn.p-action-btn-red:active{transform:translateY(1px)scale(.98)!important;box-shadow:0 4px 14px #ba121559,inset 3px 3px 7px #000000a6,inset -2px -2px 5px #fff3,2px 2px 6px #0009!important}.p-action-btn.p-action-btn-red .action-title{letter-spacing:.3px;text-shadow:0 1px 3px #00000059;color:#fff!important;font-weight:800!important}.p-action-btn.p-action-btn-red .icon-wrapper{transition:all .25s;-webkit-backdrop-filter:blur(8px)!important;color:#fff!important;background:#ffffff38!important;border:1px solid #ffffff73!important;box-shadow:inset 1px 1px 2px #ffffff80,0 4px 10px #00000026!important}.p-action-btn.p-action-btn-red:hover .icon-wrapper{transform:scale(1.08);background:#ffffff52!important}.icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-right:.75rem;font-size:1.25rem;display:flex}.icon-wrapper.primary{color:#4caf50;background:#e8f5e9}.icon-wrapper.secondary{color:#ffb300;background:#fff8e1}.icon-wrapper.scan{color:#2196f3;background:#e3f2fd}[data-theme=dark] .icon-wrapper.primary{background:#4caf5033}[data-theme=dark] .icon-wrapper.secondary{background:#ffb30033}[data-theme=dark] .icon-wrapper.scan{background:#2196f333}.action-text{text-align:left}.action-title{color:var(--text-primary);margin-bottom:.2rem;font-size:1rem;font-weight:700;display:block}[data-theme=dark] .action-title{color:#fff}.action-desc{color:var(--text-secondary);font-size:.75rem;display:block}[data-theme=dark] .action-desc{color:#fff9}.scan-btn-special{background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%);border:none}[data-theme=dark] .scan-btn-special{background:linear-gradient(135deg,#1976d2 0%,#0d47a1 100%);border:none}.scan-btn-special .action-title,.scan-btn-special .action-desc{color:#fff}.scan-btn-special .icon-wrapper.scan{color:#fff;background:#fff3}.validasi-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:1.5rem}.validasi-page .pembina-header{color:var(--text-primary);align-items:flex-start}.validasi-page .pembina-header h1{color:#d32f2f;text-shadow:none;margin-bottom:.5rem;font-size:1.6rem}[data-theme=dark] .validasi-page .pembina-header h1{color:#ff5252}.validasi-page .pembina-header p{color:var(--text-secondary);font-size:.9rem}.validasi-page .misi-list{flex-direction:column;gap:1rem;display:flex}.misi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:1.2rem;display:flex;box-shadow:0 2px 8px #0000000d}.misi-info h4{margin:0 0 .2rem;font-size:1rem}.misi-title{color:var(--text-secondary);margin:0 0 .5rem;font-size:.9rem}.misi-time{color:var(--text-light);font-size:.75rem}.misi-actions{gap:.5rem;display:flex}.misi-actions button{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:transform .2s;display:flex}.misi-actions button:hover{transform:scale(1.1)}.btn-reject{color:#f44336;background:#ffebee}[data-theme=dark] .btn-reject{background:#f4433633}.btn-accept{color:#4caf50;background:#e8f5e9}[data-theme=dark] .btn-accept{background:#4caf5033}.empty-state{text-align:center;color:var(--text-secondary);padding:3rem 1rem}.empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.live-indicator{vertical-align:middle;background-color:#4caf50;border-radius:50%;width:8px;height:8px;margin:0 8px;animation:2s cubic-bezier(.66,0,0,1) infinite livePulse;display:inline-block;box-shadow:0 0 #4caf50b3}@keyframes livePulse{0%{transform:scale(.95);box-shadow:0 0 #f44336b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #f4433600}to{transform:scale(.95);box-shadow:0 0 #f4433600}}.greeting-character img{animation:4s ease-in-out infinite floatCharacter}@keyframes floatCharacter{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.absensi-page-wrapper{overflow-y:auto}.back-btn-glass{cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;color:#fff!important;background:#ffffff38!important;border:1px solid #fff6!important}.back-btn-glass:hover{transform:scale(1.05);background:#ffffff59!important}.absensi-summary-card{z-index:5;border-radius:20px;justify-content:space-around;align-items:center;margin-top:1rem;margin-bottom:-3rem;padding:1.5rem;display:flex;position:relative;-webkit-backdrop-filter:blur(16px)!important;background:#ffffffd9!important;border:1.5px solid #ffffffe6!important;box-shadow:0 10px 30px #00000014,inset 0 1px 1px #fffc!important}[data-theme=dark] .absensi-summary-card{-webkit-backdrop-filter:blur(16px)!important;background:#181b21d1!important;border:1.5px solid #ffffff1f!important;box-shadow:0 10px 30px #00000073,inset 0 1px 1px #ffffff14!important}.summary-circle{width:80px;height:80px}.circular-chart{max-width:100%;max-height:250px;margin:0 auto;display:block}.circle-bg{fill:none;stroke-width:3.8px;stroke:#00000014!important}[data-theme=dark] .circle-bg{stroke:#ffffff26!important}.circle-progress{fill:none;stroke-width:3.8px;stroke-linecap:round;stroke:#ba1215!important}.percentage-text{text-anchor:middle;font-size:10px;font-weight:800;fill:#0f172a!important}[data-theme=dark] .percentage-text{fill:#fff!important}.summary-stats{align-items:center;gap:1.5rem;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-label{margin-bottom:.3rem;font-size:.82rem;font-weight:700;color:#475569!important}[data-theme=dark] .stat-label{color:#cbd5e1!important}.stat-val{font-size:1.6rem;font-weight:800}@keyframes pulseGlow{0%{box-shadow:0 0 10px #ff4b4b33}50%{box-shadow:0 0 25px #ff4b4b80}to{box-shadow:0 0 10px #ff4b4b33}}.absensi-scan-btn{animation:2s infinite pulseGlow}.scanner-icon-animated{position:relative!important;overflow:hidden!important}.scanner-laser-line{pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#00e5ff 20%,#fff 50%,#00e5ff 80%,#0000 100%);border-radius:2px;height:2px;animation:2.2s cubic-bezier(.45,.05,.55,.95) infinite scanLaserSweep;position:absolute;left:8px;right:8px;box-shadow:0 0 8px 1px #00e5ff,0 0 16px #00e5ffd9}.scanner-laser-beam{pointer-events:none;z-index:1;background:linear-gradient(#00e5ff73 0%,#00e5ff00 100%);height:12px;animation:2.2s cubic-bezier(.45,.05,.55,.95) infinite scanBeamSweep;position:absolute;left:8px;right:8px}.scanner-frame-animated{z-index:1;justify-content:center;align-items:center;animation:2.2s ease-in-out infinite scanFramePulse;display:flex}@keyframes scanLaserSweep{0%{opacity:.15;top:6px}15%{opacity:1}50%{opacity:1;top:38px}85%{opacity:1}to{opacity:.15;top:6px}}@keyframes scanBeamSweep{0%{opacity:.1;top:6px;transform:scaleY(1)}15%{opacity:.7}49%{transform:scaleY(1)}50%{opacity:.7;top:28px;transform:scaleY(-1)}85%{opacity:.7}99%{transform:scaleY(-1)}to{opacity:.1;top:6px;transform:scaleY(1)}}@keyframes scanFramePulse{0%,to{filter:drop-shadow(0 0 1px #fff6);transform:scale(.96)}50%{filter:drop-shadow(0 0 6px #00e5ffd9);transform:scale(1.06)}}.stat-divider{width:1px;height:40px;background:#e2e8f0!important}[data-theme=dark] .stat-divider{background:#ffffff26!important}.absensi-bottom-area{padding-top:3rem}.absensi-actions{margin-bottom:1.5rem}.absensi-controls{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.search-bar-glass{border-radius:14px;align-items:center;padding:.75rem 1rem;transition:all .25s;display:flex;-webkit-backdrop-filter:blur(16px)!important;background:#ffffffe0!important;border:1.5px solid #ffffffe6!important;box-shadow:inset 2px 2px 5px #0000000f,inset -2px -2px 5px #fffc,0 4px 15px #0000000d!important}[data-theme=dark] .search-bar-glass{background:#161a22cc!important;border-color:#ffffff1f!important;box-shadow:inset 3px 3px 6px #00000080,inset -2px -2px 6px #ffffff0a,0 4px 15px #0000004d!important}.search-bar-glass:focus-within{border-color:var(--primary-red,#ba1215)!important;background:#fffffff2!important;box-shadow:inset 2px 2px 4px #0000000a,0 0 0 3px #ba121526,0 6px 20px #00000014!important}[data-theme=dark] .search-bar-glass:focus-within{background:#1a1f29eb!important;border-color:#ff4d4f!important;box-shadow:inset 2px 2px 5px #0006,0 0 0 3px #ff4d4f33,0 6px 20px #0006!important}.search-icon{margin-right:.8rem;font-size:1.2rem;color:#64748b!important}.search-bar-glass input{background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem;color:var(--text-primary)!important}.search-bar-glass input::placeholder{opacity:1;color:#94a3b8!important}.absensi-filter-tabs{margin-bottom:0}.absensi-list{flex-direction:column;gap:.8rem;display:flex}.absensi-member-card{border-radius:16px;justify-content:space-between;align-items:center;padding:1rem;display:flex;background:#fff!important;border:1px solid #00000014!important;box-shadow:0 4px 15px #0000000a!important}[data-theme=dark] .absensi-member-card{background:var(--bg-card);border-color:#ffffff1a;box-shadow:4px 4px 10px #0006,-4px -4px 10px #ffffff0d;background:var(--bg-card)!important;border-color:#ffffff14!important;box-shadow:0 4px 15px #0000004d!important}.member-info-group{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.member-avatar{aspect-ratio:1;box-sizing:border-box;background:#fffc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;min-width:45px;max-width:45px;height:45px;min-height:45px;max-height:45px;padding:2px;display:flex;overflow:hidden;box-shadow:2px 2px 5px #0000001a}[data-theme=dark] .member-avatar{background:#ffffff1f}.member-avatar img{object-fit:cover;aspect-ratio:1;border-radius:50%;flex-shrink:0;width:100%;height:100%;display:block}.member-details{flex-direction:column;flex:1;min-width:0;display:flex}.member-name{color:var(--text-primary);margin:0 0 .3rem;font-size:.95rem;font-weight:700}.member-meta{color:var(--text-secondary);gap:.8rem;font-size:.75rem;display:flex}.meta-item{align-items:center;gap:.3rem;display:flex}.meta-belum{opacity:.6;font-style:italic}.status-badge{border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.75rem;font-weight:700;display:flex;box-shadow:inset 2px 2px 4px #0000001a}.badge-hadir{color:#2e7d32;background:#4caf5033;border:1px solid #4caf504d}[data-theme=dark] .badge-hadir{color:#81c784}.badge-sakit{color:#f57c00;background:#ff980033;border:1px solid #ff98004d}[data-theme=dark] .badge-sakit{color:#ffb74d}.badge-izin{color:#1976d2;background:#2196f333;border:1px solid #2196f34d}[data-theme=dark] .badge-izin{color:#64b5f6}.badge-alpa{color:#c62828;background:#f4433626;border:1px solid #f4433633}[data-theme=dark] .badge-alpa{color:#e57373}.hadir-color{color:#4caf50}.sakit-color{color:#ff9800}.izin-color{color:#2196f3}.alpa-color{color:#f44336}.live-indicator{background-color:#f44336;border-radius:50%;width:10px;height:10px;margin-left:10px;animation:2s infinite livePulse;display:inline-block}[data-theme=dark] .hadir-color{color:#81c784}[data-theme=dark] .sakit-color{color:#ffb74d}[data-theme=dark] .izin-color{color:#64b5f6}[data-theme=dark] .alpa-color{color:#e57373}.scan-page-wrapper{flex-direction:column;display:flex;position:relative;box-sizing:border-box!important;background-color:#f8fafc!important;background-image:radial-gradient(at 50% 0,#ba12150a 0%,#0000 60%),radial-gradient(at 50% 100%,#0f172a05 0%,#0000 50%)!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important}[data-theme=dark] .scan-page-wrapper{background-color:#0b0e14!important;background-image:radial-gradient(at 50% 0,#ba121514 0%,#0000 60%)!important}.scan-page-wrapper:before,.scan-page-wrapper:after{display:none!important}.scan-pro-header{z-index:10;color:#fff;background:linear-gradient(135deg,#7f090b 0%,#ba1215 100%);border-radius:0 0 24px 24px;flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1.25rem .95rem;display:flex;position:relative;box-shadow:0 10px 24px -6px #ba121540,0 4px 10px -2px #ba12151a}[data-theme=dark] .scan-pro-header{background:linear-gradient(135deg,#4a0406 0%,#7f090b 100%);box-shadow:0 10px 25px -5px #00000080}.scan-icon-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffff29;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #00000026}.scan-icon-btn:hover{background:#ffffff47;transform:translateY(-1px);box-shadow:0 6px 16px #0003}.scan-icon-btn:active{transform:scale(.92)}.scan-pro-title-group{text-align:center;flex-direction:column;align-items:center;display:flex}.scan-pro-title{letter-spacing:.3px;color:#fff;text-shadow:0 2px 8px #00000040;margin:0;font-size:1.05rem;font-weight:800}.scan-pro-subtitle{color:#ffffffe6;align-items:center;gap:.45rem;margin-top:.25rem;font-size:.74rem;display:flex}.scan-meta-badge{color:#ffd54f;letter-spacing:.2px;font-weight:700}.scan-meta-bullet{opacity:.6;font-size:.7rem}.scan-meta-date{opacity:.95;font-weight:500}.scan-target-center{text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.2rem;width:100%;margin-bottom:.85rem;display:flex}.scan-target-status-line{align-items:center;gap:.45rem;margin-bottom:.05rem;display:inline-flex}.target-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.target-dot.online{background:#10b981;animation:2s cubic-bezier(.4,0,.6,1) infinite pulseDotLight;box-shadow:0 0 10px #10b98199}.target-dot.paused{background:#f59e0b;box-shadow:0 0 8px #f59e0b99}@keyframes pulseDotLight{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.scan-status-text{letter-spacing:.5px;text-transform:uppercase;font-size:.72rem;font-weight:800}.scan-status-text.is-active{color:#059669}[data-theme=dark] .scan-status-text.is-active{color:#34d399}.scan-status-text.is-closed{color:#dc2626}[data-theme=dark] .scan-status-text.is-closed{color:#f87171}.scan-target-name{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:1.15rem;font-weight:800;line-height:1.25}[data-theme=dark] .scan-target-name{color:#fff}.scan-target-location{color:#64748b;justify-content:center;align-items:center;gap:.35rem;margin:0;font-size:.78rem;font-weight:500;display:inline-flex}[data-theme=dark] .scan-target-location{color:#ffffffbf}.scan-target-location svg{color:#ba1215}[data-theme=dark] .scan-target-location svg{color:#ff6b6b}.scan-pro-viewport-area{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:440px;min-height:0;margin:0 auto;padding:0 1.25rem 1rem;display:flex;position:relative}.scan-pro-viewfinder{aspect-ratio:1;background:#fff;border:1px solid #0000000d;border-radius:28px;flex-shrink:0;width:min(84vw,44vh,315px);height:min(84vw,44vh,315px);padding:7px;transition:all .3s;position:relative;box-shadow:0 18px 42px -10px #0f172a1f,0 4px 14px -2px #ba12150f,0 1px 3px #0000000a}[data-theme=dark] .scan-pro-viewfinder{background:#161a22;border-color:#ffffff14;box-shadow:0 25px 60px #000000a6,0 8px 24px #0006}.scan-camera-screen{background:#0b0e14;border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden}.qr-reader-view{width:100%;height:100%;position:absolute;inset:0}.qr-reader-view video{object-fit:cover!important;width:100%!important;height:100%!important}#qr-reader__dashboard_section_csr,#qr-reader__dashboard_section_swaplink,#qr-reader__header_message{display:none!important}.scan-viewfinder-vignette{pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 60px #000000bf}.scan-hud-frame{pointer-events:none;z-index:4;position:absolute;inset:15%}.reticle{filter:drop-shadow(0 2px 8px #000000bf);border:0 solid #fff;width:26px;height:26px;position:absolute}.reticle-tl{border-top-width:3px;border-left-width:3px;border-top-left-radius:8px;top:0;left:0}.reticle-tr{border-top-width:3px;border-right-width:3px;border-top-right-radius:8px;top:0;right:0}.reticle-bl{border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:8px;bottom:0;left:0}.reticle-br{border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:8px;bottom:0;right:0}.reticle-center-crosshair{pointer-events:none;opacity:.45;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle-center-crosshair:before,.reticle-center-crosshair:after{content:"";background:#fff;position:absolute}.reticle-center-crosshair:before{width:20px;height:1.5px;top:3.5px;left:-6px}.reticle-center-crosshair:after{width:1.5px;height:20px;top:-6px;left:3.5px}.scan-beam-container{pointer-events:none;z-index:5;position:absolute;inset:15%;overflow:hidden}.scan-beam-line{background:linear-gradient(90deg,#0000 0%,#ef444480 15%,#ef4444 50%,#ef444480 85%,#0000 100%);height:2px;animation:2.4s ease-in-out infinite alternate cleanLaserSweep;position:absolute;left:0;right:0;box-shadow:0 0 12px 3px #ef4444cc,0 0 24px 6px #ef444466}@keyframes cleanLaserSweep{0%{opacity:.7;top:6%}50%{opacity:1}to{opacity:.7;top:94%}}.scan-closed-glass-overlay{-webkit-backdrop-filter:blur(10px);text-align:center;z-index:10;color:#fff;background:#0a0a0fe0;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.scan-closed-icon{color:#f59e0b;filter:drop-shadow(0 4px 12px #f59e0b66);margin-bottom:.65rem}.scan-closed-title{margin-bottom:.25rem;font-size:1.05rem;font-weight:800}.scan-closed-sub{color:#ffffffb3;font-size:.78rem}.scan-guidance-pill{color:#334155;background:#fff;border:1px solid #0000000f;border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;margin-top:.85rem;padding:.52rem 1.15rem;font-size:.8rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 6px 20px -4px #0f172a12,0 2px 6px -1px #00000008}[data-theme=dark] .scan-guidance-pill{color:#e2e8f0;background:#161a22;border-color:#ffffff14;box-shadow:0 8px 24px #0006}.guidance-icon{color:#ba1215;flex-shrink:0}[data-theme=dark] .guidance-icon{color:#ff6b6b}.scan-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.scan-modal-glass{text-align:center;background:#fff;border:1px solid #0000000f;border-radius:28px;width:100%;max-width:360px;padding:1.75rem 1.4rem;position:relative;overflow:hidden;box-shadow:0 25px 60px -10px #0f172a40}[data-theme=dark] .scan-modal-glass{background:#181e29;border:1px solid #ffffff1a;box-shadow:0 25px 60px #000000b3}.scan-modal-glass.success{border-top:4px solid #10b981}.scan-modal-glass.failed{border-top:4px solid #ef4444}.scan-result-icon-ring{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto .65rem;display:flex}.scan-modal-glass.success .scan-result-icon-ring{color:#10b981;background:#10b9811a}.scan-modal-glass.failed .scan-result-icon-ring{color:#ef4444;background:#ef44441a}.scan-result-headline{margin:0 0 .85rem;font-size:1.25rem;font-weight:800}.scan-result-headline.success{color:#059669}.scan-result-headline.failed{color:#dc2626}.scan-member-preview-card{background:var(--bg-main,#f1f5f9);text-align:left;border:1px solid #0000000f;border-radius:18px;align-items:center;gap:.85rem;margin-bottom:1rem;padding:.85rem;display:flex}[data-theme=dark] .scan-member-preview-card{background:#ffffff0d;border-color:#ffffff14}.scan-member-avatar-box{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:52px;height:52px;overflow:hidden;box-shadow:0 4px 10px #0000001a}.scan-member-avatar-img{object-fit:cover;width:100%;height:100%}.scan-member-meta{flex:1;min-width:0}.scan-member-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.95rem;font-weight:800;overflow:hidden}.scan-member-pills{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.25rem;display:flex}.scan-pill-nta{color:var(--text-secondary);background:#0000000f;border-radius:6px;padding:.1rem .45rem;font-size:.68rem;font-weight:800}[data-theme=dark] .scan-pill-nta{color:#cbd5e1;background:#ffffff1a}.scan-pill-tingkat{color:var(--primary-red,#d31215);background:#d312151a;border-radius:6px;padding:.1rem .45rem;font-size:.68rem;font-weight:800}.scan-member-time{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.72rem;font-weight:600;display:flex}.scan-error-card{background:#ef444414;border:1px solid #ef44442e;border-radius:16px;margin-bottom:1rem;padding:.85rem}.scan-error-member{color:#dc2626;margin:0 0 .25rem;font-size:.9rem;font-weight:800}.scan-error-msg{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.4}.scan-autoclose-indicator{color:var(--text-secondary);justify-content:center;align-items:center;gap:.45rem;margin-bottom:1rem;font-size:.76rem;font-weight:600;display:inline-flex}.auto-close-spinner{border:2px solid #0003;border-top-color:currentColor;border-radius:50%;width:12px;height:12px;animation:.75s linear infinite spinAutoClose;display:inline-block}[data-theme=dark] .auto-close-spinner{border-color:currentColor #ffffff40 #ffffff40}@keyframes spinAutoClose{to{transform:rotate(360deg)}}.scan-modal-dismiss-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#e53935 0%,#b71c1c 100%);border:none;border-radius:16px;width:100%;padding:.85rem;font-size:.88rem;font-weight:800;transition:all .2s;box-shadow:0 6px 18px #e5393559}.scan-modal-dismiss-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #e5393573}.scan-modal-dismiss-btn:active{transform:scale(.97)}.export-modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.export-modal-content{background:var(--bg-main);border:1px solid var(--border-color);border-radius:24px;width:100%;max-width:400px;padding:2rem 1.5rem;animation:.3s ease-out modalFadeIn;position:relative;box-shadow:0 20px 40px #0000004d}.export-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:#9696961a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.2rem;right:1.2rem}.export-modal-close:hover{color:var(--text-primary);background:#96969633}.export-modal-title{text-align:center;color:var(--text-primary);margin-top:1rem;margin-bottom:.5rem;font-size:1.3rem;font-weight:800}.export-options{flex-direction:column;gap:.8rem;margin-bottom:1.5rem;display:flex}.export-radio-card{border:2px solid var(--border-color);background:var(--bg-card);cursor:pointer;color:var(--text-primary);border-radius:14px;align-items:center;padding:1rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.export-radio-card:hover{border-color:var(--primary-cyan)}.export-radio-card.selected{border-color:var(--primary-red);background:#ff4b4b0d}.export-radio-circle{border:2px solid var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-right:1rem;transition:all .2s;display:flex}.export-radio-card.selected .export-radio-circle{border-color:var(--primary-red)}.export-radio-dot{background:var(--primary-red);border-radius:50%;width:10px;height:10px;transition:transform .2s;transform:scale(0)}.export-radio-card.selected .export-radio-dot{transform:scale(1)}.export-actions{gap:1rem;display:flex}.export-btn-pdf,.export-btn-excel{cursor:pointer;color:#fff;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.export-btn-pdf{background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 4px 12px #e539354d}.export-btn-excel{background:linear-gradient(135deg,#43a047,#2e7d32);box-shadow:0 4px 12px #43a0474d}.export-btn-pdf:hover,.export-btn-excel:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.neu-inset{-webkit-backdrop-filter:blur(14px);background:#ffffffeb;border:1.5px solid #e2e8f0e6;box-shadow:inset 3px 3px 6px #0000000d,inset -3px -3px 6px #fffc}[data-theme=dark] .neu-inset{background:#161a22e0;border:1.5px solid #ffffff1a;box-shadow:inset 4px 4px 10px #00000080,inset -3px -3px 8px #ffffff0a}.neu-extrude{-webkit-backdrop-filter:blur(14px);background:#ffffffeb;border:1.5px solid #fffffff2;box-shadow:6px 6px 14px #0000000a,-6px -6px 14px #ffffffe6}[data-theme=dark] .neu-extrude{background:#161a22e0;border:1.5px solid #ffffff1a;box-shadow:6px 6px 15px #0009,-4px -4px 12px #ffffff08}.neu-button-red{background:var(--primary-red);border:1.5px solid #ffffff59;box-shadow:6px 6px 14px #b71c1c40,-4px -4px 12px #ffffffe6}[data-theme=dark] .neu-button-red{background:var(--primary-red);border:1.5px solid #ffffff26;box-shadow:6px 6px 15px #00000080,-4px -4px 12px #ffffff0d}.neu-circle{border:2px solid #fff3;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003,4px 4px 8px #0000001a,-4px -4px 8px #fffc}[data-theme=dark] .neu-circle{border:2px solid #ffffff0d;box-shadow:inset 2px 2px 4px #ffffff1a,inset -2px -2px 4px #00000080,4px 4px 10px #0009,-4px -4px 10px #ffffff0d}.neu-action-btn{background:#ffffffe6;border:1.5px solid #e2e8f0cc;box-shadow:3px 3px 6px #0000000f,-3px -3px 6px #ffffffe6}[data-theme=dark] .neu-action-btn{background:#1e232dd9;border:1.5px solid #ffffff1a;box-shadow:3px 3px 6px #00000080,-3px -3px 6px #ffffff0d}.da-search-input::placeholder{color:#64748b!important;opacity:.85!important}.xp-badge-theme{color:#b45309;letter-spacing:.3px;background:#f59e0b1f;border:1.5px solid #f59e0b4d;border-radius:12px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.82rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #f59e0b1f}.xp-badge-theme svg{color:#d97706;fill:#d97706}[data-theme=dark] .xp-badge-theme{color:#fbbf24!important;background:#f59e0b33!important;border-color:#f59e0b73!important;box-shadow:0 2px 8px #0006!important}[data-theme=dark] .xp-badge-theme svg{color:#fbbf24!important;fill:#fbbf24!important}.da-list-item{border:1.5px solid var(--border-color,#00000014);cursor:pointer;transition:var(--transition-all);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;padding:1.2rem;display:flex;box-shadow:0 4px 15px #0000000a}.da-list-item:hover{border-color:var(--primary-cyan,#00e5ff);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}[data-theme=dark] .da-list-item:hover{box-shadow:0 8px 24px #0006}.interactive-card{cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important}.interactive-card:active{transform:scale(.96)!important;box-shadow:inset 4px 4px 10px #0000001a,inset -4px -4px 10px #ffffff80!important}[data-theme=dark] .interactive-card:active{box-shadow:inset 4px 4px 10px #0009,inset -4px -4px 10px #ffffff05!important}@keyframes pulse-icon-red{0%{transform:scale(1);box-shadow:0 0 #b71c1c99}70%{transform:scale(1.05);box-shadow:0 0 0 15px #b71c1c00}to{transform:scale(1);box-shadow:0 0 #b71c1c00}}.icon-pulse-red{animation:2s cubic-bezier(.66,0,0,1) infinite pulse-icon-red}@keyframes pulse-icon-blue{0%{transform:scale(1);box-shadow:0 0 #2196f399}70%{transform:scale(1.1);box-shadow:0 0 0 10px #2196f300}to{transform:scale(1);box-shadow:0 0 #2196f300}}.icon-pulse-blue{animation:2.5s cubic-bezier(.66,0,0,1) infinite pulse-icon-blue}@keyframes float-icon{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.icon-float{animation:3s ease-in-out infinite float-icon}.sesi-kegiatan-banner{background:var(--bg-card,#fff);border:1px solid var(--border-color,#00000014);border-radius:16px;flex-direction:column;gap:.75rem;margin-top:1rem;margin-bottom:.5rem;padding:1rem 1.2rem;transition:all .25s;display:flex;box-shadow:0 4px 15px #0000000a}[data-theme=dark] .sesi-kegiatan-banner{background:var(--bg-card,#1a1f26);border-color:#ffffff0f;box-shadow:0 4px 15px #0003}.sesi-banner-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sesi-live-badge{text-transform:uppercase;letter-spacing:.5px;color:#2e7d32;background:#2e7d321f;border-radius:20px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}[data-theme=dark] .sesi-live-badge{color:#81c784;background:#4caf502e}.sesi-pulse-dot{background-color:#4caf50;border-radius:50%;width:7px;height:7px;animation:1.8s infinite sesi-pulse;box-shadow:0 0 #4caf50b3}@keyframes sesi-pulse{0%{transform:scale(.95);box-shadow:0 0 #4caf50b3}70%{transform:scale(1);box-shadow:0 0 0 6px #4caf5000}to{transform:scale(.95);box-shadow:0 0 #4caf5000}}.sesi-banner-main{align-items:flex-start;gap:.85rem;display:flex}.sesi-icon-box{width:44px;min-width:44px;height:44px;color:var(--primary-red,#ba1215);background:linear-gradient(135deg,#ba12151f,#ba12150a);border:1px solid #ba121526;border-radius:12px;justify-content:center;align-items:center;font-size:1.4rem;display:flex}[data-theme=dark] .sesi-icon-box{color:#ff6b6b;background:linear-gradient(135deg,#dd282c33,#dd282c14);border-color:#dd282c4d}.sesi-details{flex:1;min-width:0}.sesi-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1rem;font-weight:800;display:flex;overflow:hidden}.sesi-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.75rem;display:flex}.sesi-meta-item{align-items:center;gap:.25rem;display:inline-flex}.sesi-banner-actions{border-top:1px dashed var(--border-color,#00000014);gap:.5rem;padding-top:.7rem;display:flex}.sesi-action-btn{border:1px solid var(--border-color);background:var(--bg-main,#f0f4f8);color:var(--text-primary);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.sesi-action-btn:hover{border-color:var(--primary-red,#ba1215);color:var(--primary-red,#ba1215);background:#ba121514}.sesi-action-btn.primary{background:var(--primary-red,#ba1215);color:#fff;border-color:var(--primary-red,#ba1215)}.sesi-action-btn.primary:hover{background:#960c0e;border-color:#960c0e}.sesi-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.sesi-modal-container{background:var(--bg-card,#fff);border:1px solid var(--border-color,#ffffff1a);border-radius:20px;flex-direction:column;width:100%;max-width:440px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 20px 40px #00000040}.sesi-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.sesi-modal-header h3{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:800}.sesi-modal-body{flex-direction:column;gap:1.1rem;padding:1.5rem;display:flex}.sesi-form-group{box-sizing:border-box;flex-direction:column;gap:.4rem;width:100%;min-width:0;display:flex}.sesi-form-group label{color:var(--text-secondary);font-size:.82rem;font-weight:700}.sesi-input{box-sizing:border-box;border:1px solid var(--border-color);background:var(--bg-main,#f0f4f8);width:100%;min-width:0;color:var(--text-primary);border-radius:10px;outline:none;padding:.65rem .85rem;font-family:inherit;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.sesi-input:focus{border-color:var(--primary-red,#ba1215);box-shadow:0 0 0 3px #ba12151f}.sesi-select-trigger{box-sizing:border-box;border:1px solid var(--border-color);background:var(--bg-main,#f0f4f8);width:100%;min-width:0;min-height:42px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;outline:none;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:border-color .2s,box-shadow .2s;display:flex}.sesi-select-trigger:hover{border-color:var(--primary-red,#ba1215)}.sesi-select-trigger.active{border-color:var(--primary-red,#ba1215);box-shadow:0 0 0 3px #ba12151f}.sesi-select-value{align-items:center;gap:.45rem;min-width:0;display:flex;overflow:hidden}.sesi-select-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sesi-chevron-icon{color:var(--text-secondary);flex-shrink:0;margin-left:.25rem;font-size:1rem;transition:transform .25s,color .25s}.sesi-chevron-icon.rotate{color:var(--primary-red,#ba1215);transform:rotate(180deg)}.sesi-select-backdrop{z-index:98;background:0 0;position:fixed;inset:0}.sesi-select-dropdown{background:var(--bg-card,#fff);border:1px solid var(--border-color);z-index:99;border-radius:12px;flex-direction:column;gap:.2rem;max-height:220px;padding:.35rem;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #00000029}.sesi-select-option{color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .75rem;font-size:.85rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sesi-select-option:hover{background:var(--bg-main,#f0f4f8)}.sesi-select-option.selected{color:var(--primary-red,#ba1215);background:#ba121514;font-weight:700}.sesi-option-label{align-items:center;gap:.5rem;min-width:0;display:flex}.sesi-option-check{color:var(--primary-red,#ba1215);flex-shrink:0}.sesi-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.sesi-list-group{flex-direction:column;gap:.6rem;max-height:320px;display:flex;overflow-y:auto}.sesi-list-item{border:1.5px solid var(--border-color);background:var(--bg-card);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem .9rem;transition:all .2s;display:flex}.sesi-list-item:hover{border-color:var(--primary-red);transform:translateY(-1px)}.sesi-list-item.active{border-color:var(--primary-red);background:#ba12150f}.sesi-item-info{flex-direction:column;gap:.2rem;display:flex}.sesi-item-title{color:var(--text-primary);align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;display:flex}.sesi-item-meta{color:var(--text-secondary);font-size:.72rem}.kegiatan-tag{color:var(--primary-red,#ba1215);background:#ba12151a;border-radius:6px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.68rem;font-weight:700;display:inline-flex}[data-theme=dark] .kegiatan-tag{color:#ff8a80;background:#dd282c33}.sesi-switch-wrapper{align-items:center;gap:.45rem;display:inline-flex}.sesi-switch{flex-shrink:0;width:42px;height:22px;display:inline-block;position:relative}.sesi-switch input{opacity:0;width:0;height:0}.sesi-slider{cursor:pointer;background-color:#b0bec5;border-radius:22px;transition:all .25s;position:absolute;inset:0}.sesi-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .25s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #00000040}.sesi-switch input:checked+.sesi-slider{background-color:#2e7d32}.sesi-switch input:checked+.sesi-slider:before{transform:translate(20px)}.sesi-delete-btn{color:#d32f2f;cursor:pointer;background:#f4433614;border:1px solid #f4433633;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;transition:all .2s;display:inline-flex}.sesi-delete-btn:hover{color:#fff;background:#d32f2f;border-color:#d32f2f;transform:scale(1.05)}.sesi-closed-notice{color:#e65100;background:#ff98001f;border:1px solid #ff98004d;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.76rem;font-weight:600;display:flex}[data-theme=dark] .sesi-closed-notice{color:#ffb74d;background:#ff98002e;border-color:#ff980066}.delegasi-member-item{background:var(--bg-card,#fff);border:1.5px solid var(--border-color,#00000014);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem .9rem;transition:all .22s;display:flex}.delegasi-member-item.active{background:#2e7d320f;border-color:#2e7d32}[data-theme=dark] .delegasi-member-item.active{background:#4caf501f;border-color:#4caf50}.delegasi-member-avatar{background:#e2e8f0;border-radius:50%;flex-shrink:0;width:42px;height:42px;overflow:hidden}.delegasi-member-avatar img{object-fit:cover;width:100%;height:100%}.delegasi-badge-active{color:#2e7d32;background:#2e7d3226;border-radius:8px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}[data-theme=dark] .delegasi-badge-active{color:#81c784;background:#4caf5040}.delegasi-action-btn{color:#b45309;background:linear-gradient(135deg,#f59e0b1f 0%,#d9770626 100%);border:1.5px solid #f59e0b59}[data-theme=dark] .delegasi-action-btn{color:#fbbf24;background:linear-gradient(135deg,#f59e0b2e 0%,#d9770638 100%);border-color:#f59e0b73}.absensi-sub-actions-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem;width:100%;display:grid}.absensi-sub-btn{box-sizing:border-box!important;border-radius:13px!important;align-items:center!important;width:100%!important;min-height:52px!important;margin:0!important;padding:.7rem .65rem!important;display:flex!important}.absensi-sub-btn .sub-icon{width:32px!important;min-width:32px!important;height:32px!important;margin-right:.45rem!important;font-size:1.05rem!important}.absensi-sub-btn .delegasi-icon{color:#d97706!important;background:#f59e0b29!important}[data-theme=dark] .absensi-sub-btn .delegasi-icon{color:#fbbf24!important;background:#f59e0b38!important}.absensi-sub-btn .sub-text{text-align:left;flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.absensi-sub-btn .sub-title{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;font-size:.82rem!important;font-weight:800!important}.absensi-sub-btn .sub-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;font-size:.66rem!important}.absensi-sub-btn .sub-title-row{justify-content:space-between;align-items:center;gap:.2rem;width:100%;display:flex}.delegasi-count-pill{color:#fff;background:#2e7d32;border-radius:8px;flex-shrink:0;padding:.1rem .38rem;font-size:.6rem;font-weight:800;line-height:1.1}[data-theme=dark] .delegasi-count-pill{background:#388e3c}.validasi-detail-container{position:relative;overflow-x:hidden}@keyframes floatBackground{0%{transform:translateY(0)rotate(-15deg)}50%{transform:translateY(-15px)rotate(-10deg)}to{transform:translateY(0)rotate(-15deg)}}@keyframes shimmerEffect{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-fill{position:relative;overflow:hidden}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:100%;height:100%;animation:2s linear infinite shimmerEffect;position:absolute;top:0;left:0}.sku-item-card{background:var(--bg-card,#fff);border:1.5px solid var(--border-color);opacity:0;border-radius:20px;margin-bottom:1rem;padding:1.2rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000a}[data-theme=dark] .sku-item-card{background:var(--bg-card,#161a22);border-color:#ffffff1a;box-shadow:0 10px 30px #0006}.sku-item-card:before{content:"";background:var(--primary-red,#ff4b4b);opacity:.8;border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.sku-item-card.status-done:before{background:#4caf50}.sku-item-card.status-pending:before{background:#ff9800}.sku-item-number{color:#ffffff08;z-index:0;pointer-events:none;font-size:3rem;font-weight:900;position:absolute;top:15px;right:15px}.header-bg-icon{color:#ffffff0d;z-index:0;font-size:10rem;animation:6s ease-in-out infinite floatBackground;position:absolute;top:-10px;right:-20px}.validasi-btn{cursor:pointer;border:none;border-radius:14px;flex:1;padding:.8rem;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.validasi-btn.pending-active{color:#ff9800;background:#ff980026;border:1px solid #ff98004d}.validasi-btn.pending-inactive{background:var(--bg-card);color:var(--text-secondary);border:1.5px solid var(--border-color)}.validasi-btn.done-active{color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;box-shadow:0 8px 20px #4caf504d}.validasi-btn.done-inactive{background:var(--bg-card);color:var(--text-secondary);border:1.5px solid var(--border-color)}.member-avatar-glow{animation:3s infinite pulseGlow}.da-header-actions{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.da-search-wrapper{flex:1;width:100%;position:relative}.da-search-icon{color:#64748b;z-index:2;pointer-events:none;font-size:1.15rem;transition:color .2s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}[data-theme=dark] .da-search-icon{color:#94a3b8}.da-search-input{box-sizing:border-box;-webkit-backdrop-filter:blur(16px);color:#0f172a;width:100%;font-family:var(--font-primary);background:#ffffffe0;border:1.5px solid #ffffffe6;border-radius:14px;outline:none;padding:.75rem 1rem .75rem 2.85rem;font-size:.88rem;font-weight:600;transition:all .25s;box-shadow:inset 2px 2px 5px #0000000f,inset -2px -2px 5px #fffc,0 4px 15px #0000000d}[data-theme=dark] .da-search-input{color:#fff;background:#161a22cc;border-color:#ffffff1f;box-shadow:inset 3px 3px 6px #00000080,inset -2px -2px 6px #ffffff0a,0 4px 15px #0000004d}.da-search-input:focus{border-color:var(--primary-red,#ba1215);background:#fffffff2;box-shadow:inset 2px 2px 4px #0000000a,0 0 0 3px #ba121526,0 6px 20px #00000014}[data-theme=dark] .da-search-input:focus{background:#1a1f29eb;border-color:#ff4d4f;box-shadow:inset 2px 2px 5px #0006,0 0 0 3px #ff4d4f33,0 6px 20px #0006}.da-search-input::placeholder{color:#64748b;opacity:.9;font-weight:500}[data-theme=dark] .da-search-input::placeholder{color:#94a3b8;opacity:.75}.da-action-btn-tambah{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1.5px solid #ffffff4d;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .85rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex;box-shadow:4px 4px 12px #05966947,-2px -2px 6px #ffffff59,inset 0 1px 1px #fff6}.da-action-btn-tambah:hover{transform:translateY(-1px);box-shadow:4px 6px 16px #05966959,-2px -2px 8px #fff6}.da-action-btn-token{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:1.5px solid #ffffff4d;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .85rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex;box-shadow:4px 4px 12px #d9770647,-2px -2px 6px #ffffff59,inset 0 1px 1px #fff6}.da-action-btn-token:hover{transform:translateY(-1px);box-shadow:4px 6px 16px #d9770659,-2px -2px 8px #fff6}.da-action-btn-export{-webkit-backdrop-filter:blur(14px);color:var(--text-primary,#0f172a);cursor:pointer;white-space:nowrap;background:#ffffffe0;border:1.5px solid #ffffffe6;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .85rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex;box-shadow:4px 4px 12px #0000000d,-2px -2px 6px #fffc,inset 0 1px 1px #ffffffe6}[data-theme=dark] .da-action-btn-export{color:#fff;background:#161a22cc;border-color:#ffffff1f;box-shadow:4px 4px 12px #0006,-2px -2px 6px #ffffff0d,inset 0 1px 1px #ffffff14}.da-action-btn-export:hover{transform:translateY(-1px);box-shadow:4px 6px 16px #00000014}.da-list-container{flex-direction:column;gap:.8rem;display:flex}.da-list-item{cursor:pointer;transition:var(--transition-all);background:#fff;border:1px solid #00000014;border-radius:16px;justify-content:space-between;align-items:center;padding:1.2rem;display:flex;box-shadow:0 4px 15px #0000000a}[data-theme=dark] .da-list-item{background:var(--bg-card);border-color:#ffffff14;box-shadow:0 4px 15px #0000004d}.da-list-item:hover{border-color:var(--primary-cyan);box-shadow:var(--shadow-md);transform:translateY(-2px)}.da-item-left{align-items:center;gap:1rem;display:flex}.da-item-initials{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#00e5ff 0%,#007bff 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;min-width:45px;max-width:45px;height:45px;min-height:45px;max-height:45px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:2px 2px 8px #007bff66}.da-item-info{flex-direction:column;display:flex}.da-item-name{color:var(--text-primary);font-size:1rem;font-weight:700}.da-item-nta{color:var(--text-secondary);font-size:.8rem;font-weight:600}.da-item-right{color:var(--text-secondary)}.da-modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.da-modal-content{background:var(--bg-main);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:400px;max-height:75vh;margin-bottom:3rem;padding:1.5rem;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0006}.da-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:1rem;right:1rem}.da-modal-close:hover{color:var(--text-primary)}.da-modal-title{color:var(--text-primary);text-align:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:800}.da-detail-header{flex-direction:column;align-items:center;margin-bottom:.8rem;display:flex}.da-detail-avatar{color:#fff;cursor:pointer;object-fit:cover;background:linear-gradient(135deg,#00e5ff 0%,#007bff 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:.5rem;font-size:1.8rem;font-weight:800;transition:transform .2s;display:flex;box-shadow:0 8px 15px #007bff4d}.da-detail-avatar:hover{transform:scale(1.05)}.da-detail-name{color:var(--text-primary);text-align:center;font-size:1.2rem;font-weight:800}.da-detail-nta{color:var(--text-secondary);margin-top:.2rem;font-size:.9rem;font-weight:600}.da-detail-info-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.da-detail-box{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:.6rem;display:flex}.da-detail-label{color:var(--text-secondary);margin-bottom:.3rem;font-size:.75rem;font-weight:600}.da-detail-value{color:var(--text-primary);font-size:1rem;font-weight:700}.da-detail-full-width{grid-column:span 2}.da-form-group{margin-bottom:1rem}.da-form-group label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.da-form-group input,.da-form-group select{border:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);font-family:var(--font-primary);transition:var(--transition-all);border-radius:12px;outline:none;padding:.75rem 1rem}.da-form-group input:focus,.da-form-group select:focus{border-color:var(--primary-cyan)}.da-submit-btn{background:var(--primary-red);color:#fff;cursor:pointer;width:100%;transition:var(--transition-all);border:none;border-radius:12px;margin-top:1rem;padding:.9rem;font-size:1rem;font-weight:700;box-shadow:0 4px 10px #ff4b4b4d}.da-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff4b4b66}.da-status-badge{border-radius:12px;padding:.2rem .6rem;font-size:.65rem;font-weight:700}.da-status-badge.aktif{color:#27ae60;background-color:#2ecc7126}[data-theme=dark] .da-status-badge.aktif{color:#2ecc71;background-color:#2ecc7133}.da-status-badge.belum{color:#e74c3c;background-color:#ff4b4b26}[data-theme=dark] .da-status-badge.belum{color:#ff4b4b;background-color:#ff4b4b33}.da-detail-tingkatan-box{background:var(--bg-card);transition:all .25s}.da-btn-edit-tingkat{color:var(--primary-red,#ba1215);cursor:pointer;background:#ba121514;border:1px solid #ba121540;border-radius:8px;align-items:center;gap:.35rem;padding:.28rem .6rem;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex}.da-btn-edit-tingkat:hover{background:var(--primary-red,#ba1215);color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #ba121540}[data-theme=dark] .da-btn-edit-tingkat{color:#ff7875;background:#ff4d4f1f;border-color:#ff4d4f4d}[data-theme=dark] .da-btn-edit-tingkat:hover{color:#fff;background:#ff4d4f}.da-select-tingkat{border:1.5px solid var(--primary-red,#ba1215);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:.65rem .85rem;font-size:.85rem;font-weight:700;box-shadow:0 0 0 2px #ba12151f}.da-btn-save-tingkat{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:9px;flex:1;padding:.55rem .8rem;font-size:.8rem;font-weight:700;transition:all .2s}.da-btn-save-tingkat:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #10b9814d}.da-btn-save-tingkat:disabled{opacity:.6;cursor:not-allowed}.da-btn-cancel-tingkat{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:9px;padding:.55rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s}.da-btn-cancel-tingkat:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary)}.da-tingkat-badge{color:var(--primary-red,#ba1215);background:#ba121514;border:1px solid #ba121533;border-radius:10px;padding:.25rem .75rem;font-size:.95rem;font-weight:800;display:inline-block}[data-theme=dark] .da-tingkat-badge{color:#ff7875;background:#ff4d4f26;border-color:#ff4d4f4d}.da-list-tingkat-pill{color:#059669;background:#10b9811f;border:1px solid #10b98140;border-radius:6px;padding:.12rem .45rem;font-size:.68rem;font-weight:700;line-height:1.2}[data-theme=dark] .da-list-tingkat-pill{color:#34d399;background:#10b98133;border-color:#10b98159}.da-list-tingkat-pill.da-list-tingkat-none{color:#64748b;background:#94a3b81f;border-color:#94a3b840}[data-theme=dark] .da-list-tingkat-pill.da-list-tingkat-none{color:#94a3b8;background:#94a3b82e;border-color:#94a3b84d}.da-tingkat-date-badge{color:var(--text-secondary);border:1px solid var(--border-color);background:#0000000a;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;display:inline-flex}[data-theme=dark] .da-tingkat-date-badge{background:#ffffff0d}.da-tingkat-date-badge strong{color:var(--text-primary);font-weight:700}.da-btn-sahkan-tingkat{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #10b9814d}.da-btn-sahkan-tingkat:hover{transform:translateY(-1.5px);box-shadow:0 6px 16px #10b98173}.da-sahkan-hint{color:var(--text-secondary);text-align:center;margin:.35rem 0 0;font-size:.68rem;line-height:1.35}.da-tingkat-completed-badge{color:#d97706;background:linear-gradient(135deg,#f59e0b1f,#d9770626);border:1px solid #f59e0b59;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.55rem .85rem;font-size:.78rem;font-weight:800;display:flex}[data-theme=dark] .da-tingkat-completed-badge{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33,#d9770640);border-color:#f59e0b73}.da-btn-reset-tingkat{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .4rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.da-btn-reset-tingkat:hover{color:#ef4444;background:#ef44441a}.da-sahkan-overlay{-webkit-backdrop-filter:blur(10px);z-index:10000;background-color:#0f172abf;justify-content:center;align-items:center;padding:1rem;animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:fixed;inset:0}.da-sahkan-card{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0e6;border-radius:20px;width:100%;max-width:380px;padding:1.35rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards popUp;box-shadow:0 20px 45px #0000004d}[data-theme=dark] .da-sahkan-card{background:#181d28;border-color:#ffffff1f;box-shadow:0 20px 45px #000000bf}.da-sahkan-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:1rem;display:flex}.da-sahkan-icon-circle{color:#059669;background:linear-gradient(135deg,#10b98126,#05966940);border:1.5px solid #10b9814d;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.6rem;display:flex}[data-theme=dark] .da-sahkan-icon-circle{color:#34d399;background:linear-gradient(135deg,#10b98140,#05966959);border-color:#10b98166}.da-sahkan-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:850}.da-sahkan-subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.78rem}.da-sahkan-body{flex-direction:column;gap:.85rem;margin-bottom:1.15rem;display:flex}.da-sahkan-info-banner{background:#10b98114;border:1px solid #10b98133;border-radius:12px;flex-direction:column;gap:.4rem;padding:.65rem .8rem;display:flex}[data-theme=dark] .da-sahkan-info-banner{background:#10b9811f;border-color:#10b98140}.info-point{color:var(--text-primary);align-items:flex-start;gap:.45rem;font-size:.75rem;line-height:1.35;display:flex}.info-point .point-icon{color:#10b981;flex-shrink:0;margin-top:1px;font-size:.95rem}.da-sahkan-date-field{flex-direction:column;gap:.35rem;display:flex}.da-sahkan-date-label{color:var(--text-primary);align-items:center;gap:.4rem;font-size:.78rem;font-weight:750;display:flex}.da-sahkan-date-trigger{width:100%;color:var(--text-primary);cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-family:inherit;font-size:.86rem;font-weight:700;transition:all .2s;display:flex}[data-theme=dark] .da-sahkan-date-trigger{color:#f1f5f9;background:#1e2638cc;border-color:#ffffff26}.da-sahkan-date-trigger:hover:not(:disabled){background:#fff;border-color:#10b981}[data-theme=dark] .da-sahkan-date-trigger:hover:not(:disabled){background:#1e2638f2;border-color:#34d399}.da-date-trigger-icon{color:#10b981;flex-shrink:0;font-size:1.1rem}.da-sahkan-actions{gap:.65rem;display:flex}.da-sahkan-btn-cancel{color:var(--text-secondary);border:1.5px solid var(--border-color);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:.75rem 1rem;font-size:.86rem;font-weight:700;transition:all .15s}.da-sahkan-btn-cancel:hover:not(:disabled){color:var(--text-primary);background:#0000000d}[data-theme=dark] .da-sahkan-btn-cancel:hover:not(:disabled){color:#fff;background:#ffffff0f}.da-sahkan-btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;flex:2;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.86rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #10b98159}.da-sahkan-btn-confirm:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 6px 16px #10b98173}.da-sahkan-btn-confirm:disabled,.da-sahkan-btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.pengumuman-add-btn{color:#fff;cursor:pointer;transition:var(--transition-all);white-space:nowrap;background:linear-gradient(135deg,#ba1215 0%,#d32f2f 100%);border:1.5px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.2rem;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 4px 12px #ba121547}.pengumuman-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ba121561}.pg-list-container{flex-direction:column;gap:1rem;display:flex}.pg-card{background:var(--bg-card,#fff);border:1.5px solid var(--border-color);transition:var(--transition-all);border-radius:16px;padding:1.25rem;position:relative;box-shadow:0 4px 15px #0000000a}[data-theme=dark] .pg-card{background:var(--bg-card,#161a22);border-color:#ffffff1a;box-shadow:0 4px 15px #0000004d}.pg-card:hover{border-color:var(--primary-cyan,#00e5ff);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}[data-theme=dark] .pg-card:hover{box-shadow:0 8px 24px #0006}.pg-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.8rem;display:flex}.pg-filter-container{-webkit-backdrop-filter:blur(16px);scrollbar-width:none;transition:var(--transition-all);background:#ffffffd1;border:1.5px solid #ffffffe6;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:.85rem;padding:6px;display:grid;overflow-x:auto;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #fffc,0 6px 18px #0000000a}.pg-filter-container::-webkit-scrollbar{display:none}[data-theme=dark] .pg-filter-container{background:#161a22d1;border-color:#ffffff1a;box-shadow:inset 3px 3px 6px #00000080,inset -2px -2px 6px #ffffff08,0 6px 18px #00000040}.pg-filter-btn{cursor:pointer;color:var(--text-secondary,#64748b);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:13px;outline:none;justify-content:center;align-items:center;gap:6px;padding:.7rem .5rem;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.pg-filter-btn:hover{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);background:#ffffff73;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .pg-filter-btn:hover{color:#fff;background:#ffffff0f;box-shadow:0 2px 8px #0003}.pg-filter-btn.active{text-shadow:0 1px 2px #0000004d;-webkit-backdrop-filter:blur(12px)!important;color:#fff!important;background:linear-gradient(135deg,#e11d48 0%,#b71c1c 100%)!important;border:1px solid #fff6!important;font-weight:800!important;box-shadow:inset 1px 1px 3px #ffffff80,inset -2px -2px 5px #00000040,0 6px 18px #ba121559,0 2px 6px #0000001a!important}[data-theme=dark] .pg-filter-btn.active{background:linear-gradient(135deg,#be123c 0%,#991b1b 100%)!important;border:1px solid #ffffff40!important;box-shadow:inset 1px 1px 3px #fff6,inset -2px -2px 5px #00000073,0 6px 20px #ba121573!important}.pg-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.4rem .8rem;font-size:.65rem;font-weight:800}.pg-badge.umum{color:#007bff;background:#007bff1a;border:1px solid #007bff33}.pg-badge.kegiatan{color:#4caf50;background:#4caf501a;border:1px solid #4caf5033}.pg-badge.darurat{color:var(--primary-red);background:#ff4b4b1a;border:1px solid #ff4b4b33}.pg-actions{gap:.5rem;display:flex}.pg-action-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:32px;height:32px;transition:var(--transition-all);border-radius:8px;justify-content:center;align-items:center;display:flex}.pg-action-btn:hover{color:var(--text-primary);border-color:var(--text-primary)}.pg-action-btn.delete:hover{color:var(--primary-red);border-color:var(--primary-red);background:#ff4b4b1a}.pg-title{color:var(--text-primary);margin:0 0 .4rem;font-size:1.1rem;font-weight:800}.pg-date{color:var(--text-secondary);align-items:center;gap:.4rem;margin-bottom:.8rem;font-size:.75rem;display:flex}.pg-content{color:var(--text-secondary);white-space:pre-wrap;font-size:.9rem;line-height:1.5}.pg-content-preview{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:1rem;display:-webkit-box;overflow:hidden}.pg-read-more-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--primary-red);cursor:pointer;width:100%;transition:var(--transition-all);border-radius:10px;padding:.6rem 1rem;font-size:.85rem;font-weight:700}.pg-read-more-btn:hover{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}.pg-form-group{margin-bottom:1.2rem}.pg-form-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.pg-input,.pg-select,.pg-textarea{border:2px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);transition:var(--transition-all);border-radius:12px;padding:.8rem;font-family:inherit;font-size:.95rem}.pg-textarea{resize:vertical;min-height:120px}.pg-input:focus,.pg-select:focus,.pg-textarea:focus{border-color:var(--primary-cyan);outline:none;box-shadow:0 0 0 3px #00e5ff1a}.pg-submit-btn{background:linear-gradient(135deg, var(--primary-red) 0%, #ff7675 100%);color:#fff;cursor:pointer;width:100%;transition:var(--transition-all);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.9rem;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 10px #ff4b4b4d}.pg-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff4b4b66}.neu-glass-back{color:#fff;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffff2e;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:3px 3px 8px #00000040,inset 1px 1px 2px #ffffff80}.neu-glass-back:hover{background:#ffffff47;transform:scale(1.06);box-shadow:0 4px 12px #0000004d,inset 1px 1px 3px #ffffffb3}.neu-glass-back:active{transform:scale(.93);box-shadow:inset 2px 2px 5px #0006}.header-title-badge-glass{-webkit-backdrop-filter:blur(8px);color:#fff;background:#ffffff2e;border:1px solid #fff6;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:inset 1px 1px 2px #ffffff80}.search-icon-box-glass{color:var(--text-secondary);justify-content:center;align-items:center;margin-right:.5rem;font-size:1.1rem;transition:color .25s,transform .25s;display:flex}.da-search-wrapper:focus-within .search-icon-box-glass{color:var(--primary-red,#e11d48);transform:scale(1.12)}.btn-icon-glass-circle{-webkit-backdrop-filter:blur(6px);color:#fff;background:#ffffff38;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:inset 1px 1px 2px #fff6,0 2px 4px #00000026}.neu-button-red:hover .btn-icon-glass-circle{transform:rotate(90deg)scale(1.08)}.filter-badge-icon{color:#2196f3;-webkit-backdrop-filter:blur(6px);background:#2196f31a;border:1px solid #2196f340;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:inset 1px 1px 2px #fff9}[data-theme=dark] .filter-badge-icon{color:#60a5fa;background:#2196f32e;border-color:#2196f359;box-shadow:inset 1px 1px 2px #ffffff1a}.filter-dropdown-menu{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px)}.filter-dropdown-item{color:var(--text-primary);transition:background .2s,color .2s}.filter-dropdown-item:hover{background:var(--bg-card-alt)}.filter-dropdown-item.selected{color:#2196f3;background:#2196f31a;font-weight:700}.sku-poin-emblem{color:#fff;-webkit-backdrop-filter:blur(6px);text-shadow:0 1px 2px #0000004d;border:2px solid #ffffff73;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;font-size:1.15rem;font-weight:800;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:3px 3px 8px #a0afc859,-2px -2px 6px #fffffff2,inset 1px 1px 3px #ffffff80,inset -1px -1px 3px #0003}[data-theme=dark] .sku-poin-emblem{border-color:#ffffff26;box-shadow:3px 3px 9px #00000080,-1px -1px 5px #ffffff0d,inset 1px 1px 3px #ffffff4d,inset -1px -1px 3px #00000080}.sku-poin-emblem.ramu{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.sku-poin-emblem.rakit{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)}.sku-poin-emblem.terap{background:linear-gradient(135deg,#d97706 0%,#b45309 100%)}.sku-poin-emblem.default{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.sku-meta-chips{flex-wrap:wrap;gap:.45rem;margin-top:.35rem;display:flex}.sku-chip{-webkit-backdrop-filter:blur(6px);border:1px solid;border-radius:999px;align-items:center;gap:.35rem;padding:3px 8.5px;font-size:.73rem;font-weight:700;transition:all .2s;display:inline-flex}.sku-chip-icon{flex-shrink:0;font-size:.82rem}.sku-chip.chip-tingkatan{color:#2563eb;background:#2563eb14;border-color:#2563eb38}.sku-chip.chip-tingkatan.ramu{color:#059669;background:#10b98117;border-color:#10b98140}.sku-chip.chip-tingkatan.rakit{color:#0284c7;background:#0284c717;border-color:#0284c740}.sku-chip.chip-tingkatan.terap{color:#d97706;background:#d9770617;border-color:#d9770640}.sku-chip.chip-kategori{color:#9333ea;background:#9333ea14;border-color:#9333ea38}.sku-chip.chip-agama{color:#e11d48;background:#e11d4814;border-color:#e11d4838}[data-theme=dark] .sku-chip.chip-tingkatan.ramu{color:#34d399;background:#10b98126;border-color:#10b98159}[data-theme=dark] .sku-chip.chip-tingkatan.rakit{color:#38bdf8;background:#0284c726;border-color:#0284c759}[data-theme=dark] .sku-chip.chip-tingkatan.terap{color:#fbbf24;background:#d9770626;border-color:#d9770659}[data-theme=dark] .sku-chip.chip-kategori{color:#c084fc;background:#9333ea26;border-color:#9333ea59}[data-theme=dark] .sku-chip.chip-agama{color:#fb7185;background:#e11d4826;border-color:#e11d4859}.sku-action-btn{cursor:pointer;-webkit-backdrop-filter:blur(8px);border:1px solid;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sku-action-btn.btn-edit{color:#1976d2;background:#2196f31f;border-color:#2196f359;box-shadow:3px 3px 7px #a0afc84d,-2px -2px 6px #fffffff2,inset 1px 1px 2px #fff9}[data-theme=dark] .sku-action-btn.btn-edit{color:#60a5fa;background:#2196f32e;border-color:#2196f359;box-shadow:3px 3px 8px #00000073,-1px -1px 4px #ffffff0d,inset 1px 1px 2px #ffffff1a}.sku-action-btn.btn-edit:hover{background:#2196f333;transform:translateY(-2px)scale(1.06);box-shadow:0 4px 12px #2196f340,3px 3px 8px #a0afc84d,-2px -2px 6px #fffffff2}.sku-action-btn.btn-edit:active{transform:scale(.92);box-shadow:inset 2px 2px 5px #1976d24d,inset -1px -1px 3px #ffffffb3}.sku-action-btn.btn-delete{color:#dc2626;background:#ef44441a;border-color:#ef444459;box-shadow:3px 3px 7px #a0afc84d,-2px -2px 6px #fffffff2,inset 1px 1px 2px #fff9}[data-theme=dark] .sku-action-btn.btn-delete{color:#f87171;background:#ef44442e;border-color:#ef444459;box-shadow:3px 3px 8px #00000073,-1px -1px 4px #ffffff0d,inset 1px 1px 2px #ffffff1a}.sku-action-btn.btn-delete:hover{background:#ef44442e;transform:translateY(-2px)scale(1.06);box-shadow:0 4px 12px #ef444440,3px 3px 8px #a0afc84d,-2px -2px 6px #fffffff2}.sku-action-btn.btn-delete:active{transform:scale(.92);box-shadow:inset 2px 2px 5px #dc26264d,inset -1px -1px 3px #ffffffb3}.modal-title-icon-box{width:36px;height:36px;color:var(--primary-red,#e11d48);-webkit-backdrop-filter:blur(6px);background:#e11d481a;border:1px solid #e11d4840;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 1px 1px 2px #ffffff80}[data-theme=dark] .modal-title-icon-box{background:#e11d482e;border-color:#e11d4859;box-shadow:inset 1px 1px 2px #ffffff1a}.modal-close-glass-btn{border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#0000000d;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:2px 2px 5px #a0afc840,-1px -1px 4px #ffffffe6}[data-theme=dark] .modal-close-glass-btn{background:#ffffff0f;box-shadow:2px 2px 6px #0006,-1px -1px 3px #ffffff0d}.modal-close-glass-btn:hover{color:#dc2626;background:#ef44441f;transform:rotate(90deg)}.modal-close-glass-btn:active{transform:scale(.9)}.sku-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:2000;background-color:#0f172a94;justify-content:center;align-items:center;padding:1rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeInModal;display:flex;position:fixed;inset:0}.sku-modal-window{-webkit-backdrop-filter:blur(28px);width:100%;max-width:490px;max-height:calc(100vh - 40px);color:var(--text-primary);scrollbar-width:thin;background:linear-gradient(135deg,#ffffffeb,#f0f5fcd1);border:1px solid #ffffffd9;border-radius:26px;padding:1.7rem 1.6rem;animation:.28s cubic-bezier(.16,1,.3,1) forwards popUpModal;position:relative;overflow-y:auto;box-shadow:14px 14px 35px #a6b4c859,-10px -10px 30px #fffffff2,inset 1px 1px 2px #fffc}[data-theme=dark] .sku-modal-window{color:#f1f5f9;background:linear-gradient(135deg,#181e2cd1,#0d111beb);border:1px solid #ffffff14;box-shadow:16px 16px 40px #000000a6,-8px -8px 25px #ffffff08,inset 1px 1px 2px #ffffff14}.sku-modal-close{-webkit-backdrop-filter:blur(8px);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;z-index:5;background:#ffffffb3;border:1px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:1.25rem;right:1.25rem;box-shadow:3px 3px 8px #a6b4c84d,-3px -3px 8px #fffffff2}[data-theme=dark] .sku-modal-close{background:#ffffff0f;border-color:#ffffff1a;box-shadow:3px 3px 8px #0006,-2px -2px 6px #ffffff08}.sku-modal-close:hover{background:var(--primary-red,#ef4444);color:#fff;border-color:#0000;transform:rotate(90deg)scale(1.05);box-shadow:0 4px 12px #ef444459}.sku-modal-close:active{transform:rotate(90deg)scale(.95);box-shadow:inset 2px 2px 4px #00000040}.sku-modal-header{margin-bottom:1.25rem;padding-right:2.2rem}.sku-modal-badge{letter-spacing:.9px;text-transform:uppercase;color:#e11d48;background:#e11d4814;border:1px solid #e11d4833;border-radius:6px;margin-bottom:.45rem;padding:2px 8px;font-size:.62rem;font-weight:800;display:inline-block;box-shadow:1px 1px 3px #e11d4814}[data-theme=dark] .sku-modal-badge{color:#fb7185;background:#e11d4829;border-color:#e11d484d}.sku-modal-header h3{color:var(--text-primary);letter-spacing:-.25px;margin:0 0 .25rem;font-size:1.25rem;font-weight:800}.sku-modal-subtitle{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.45}.sku-form{flex-direction:column;gap:.9rem;display:flex}.sku-form-group{flex-direction:column;gap:.35rem;min-width:0;display:flex}.sku-form-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.sku-form-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding-left:2px;font-size:.72rem;font-weight:800}.sku-input-wrapper{-webkit-backdrop-filter:blur(14px);background:#ecf2fa94;border:1px solid #ffffffa6;border-radius:14px;align-items:center;padding:4px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 3px 3px 7px #a0afc347,inset -3px -3px 7px #fffffff2,1px 1px 2px #ffffffb3}[data-theme=dark] .sku-input-wrapper{background:#0b0f1785;border:1px solid #ffffff0d;box-shadow:inset 3px 3px 8px #000000a6,inset -2px -2px 6px #ffffff08,0 1px 1px #ffffff0d}.sku-input-wrapper:hover{background:#f0f5fcbf;border-color:#ffffffd9}[data-theme=dark] .sku-input-wrapper:hover{background:#0e131d9e;border-color:#ffffff17}.sku-input-wrapper:focus-within{background:#ffffffe0;border-color:#e11d4873;box-shadow:inset 2px 2px 5px #a0afc338,inset -2px -2px 5px #fffffff2,0 0 0 3px #e11d482e}[data-theme=dark] .sku-input-wrapper:focus-within{background:#0f1521c7;border-color:#f43f5e73;box-shadow:inset 2px 2px 6px #000000b3,inset -1px -1px 4px #ffffff0a,0 0 0 3px #f43f5e33}.sku-input-icon-box{background:#ffffffa6;border:1px solid #ffffffb3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:1.05rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:2px 2px 5px #a0afc340,-2px -2px 5px #ffffffe6}[data-theme=dark] .sku-input-icon-box{background:#ffffff0a;border:1px solid #ffffff0f;box-shadow:2px 2px 6px #0006,-1px -1px 3px #ffffff08}.sku-input-wrapper:focus-within .sku-input-icon-box{transform:scale(1.05)}.sku-input-icon-box.icon-tingkat{color:#059669}.sku-input-icon-box.icon-poin{color:#2563eb}.sku-input-icon-box.icon-kategori{color:#7c3aed}.sku-input-icon-box.icon-agama{color:#dc2626}.sku-input-icon-box.icon-subpoin{color:#d97706}.sku-input-icon-box.icon-isi{color:#0284c7}[data-theme=dark] .sku-input-icon-box.icon-tingkat{color:#34d399}[data-theme=dark] .sku-input-icon-box.icon-poin{color:#60a5fa}[data-theme=dark] .sku-input-icon-box.icon-kategori{color:#c084fc}[data-theme=dark] .sku-input-icon-box.icon-agama{color:#fb7185}[data-theme=dark] .sku-input-icon-box.icon-subpoin{color:#fbbf24}[data-theme=dark] .sku-input-icon-box.icon-isi{color:#38bdf8}.sku-input-wrapper input,.sku-input-wrapper select,.sku-input-wrapper textarea{width:100%;min-width:0;color:var(--text-primary);box-shadow:none;background:0 0;border:none;outline:none;flex:1;padding:.65rem .85rem .65rem .45rem;font-family:inherit;font-size:.92rem;font-weight:700}.sku-input-wrapper input::placeholder,.sku-input-wrapper textarea::placeholder{color:#94a3b8;font-size:.88rem;font-weight:500}[data-theme=dark] .sku-input-wrapper input::placeholder,[data-theme=dark] .sku-input-wrapper textarea::placeholder{color:#64748b}.sku-input-wrapper select{appearance:none;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%2364748B%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%208%204%204%204-4%22%2F%3E%3C%2Fsvg%3E);background-position:right .75rem center;background-repeat:no-repeat;background-size:1.1rem;padding-right:2.1rem}.sku-input-wrapper select option{background:var(--bg-card,#fff);color:var(--text-primary,#0f172a);padding:8px}.sku-textarea-wrapper{align-items:flex-start}.sku-textarea-wrapper .sku-input-icon-box{margin-top:4px}.sku-textarea-wrapper textarea{resize:vertical;min-height:90px;font-size:.9rem;font-weight:500;line-height:1.5}.sku-modal-actions{gap:.75rem;margin-top:.5rem;display:flex}.sku-cancel-btn{-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);cursor:pointer;background:#ffffffb3;border:1px solid #ffffffd9;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.8rem 1rem;font-size:.9rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:3px 3px 9px #a6b4c84d,-3px -3px 8px #fffffff2}[data-theme=dark] .sku-cancel-btn{color:#f1f5f9;background:#ffffff0f;border-color:#ffffff14;box-shadow:3px 3px 8px #0006,-2px -2px 6px #ffffff08}.sku-cancel-btn:hover{background:#ffffffe6;transform:translateY(-1.5px);box-shadow:5px 5px 12px #a6b4c859,-4px -4px 10px #fff}.sku-cancel-btn:active{transform:translateY(1px);box-shadow:inset 2px 2px 5px #a0afc859,inset -2px -2px 5px #ffffffe6}.sku-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1px solid #ffffff4d;border-radius:14px;flex:2;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.25rem;font-size:.92rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:4px 4px 14px #dc262661,-2px -2px 8px #fff9,inset 0 1px 1px #fff6}.sku-save-btn.btn-edit-mode{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:4px 4px 14px #2563eb61,-2px -2px 8px #fff9,inset 0 1px 1px #fff6}.sku-save-btn:hover{transform:translateY(-1.5px);box-shadow:6px 6px 18px #dc262673,-3px -3px 10px #ffffffb3,inset 0 1px 1px #fff9}.sku-save-btn.btn-edit-mode:hover{box-shadow:6px 6px 18px #2563eb73,-3px -3px 10px #ffffffb3,inset 0 1px 1px #fff9}.sku-save-btn:active{transform:translateY(1px);box-shadow:inset 2px 2px 5px #00000040,inset -1px -1px 3px #fff3}.sku-tingkat-tabs{-webkit-backdrop-filter:blur(16px);transition:var(--transition-all);background:#ffffffd1;border:1.5px solid #ffffffe6;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:.85rem;padding:6px;display:grid;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #fffc,0 6px 18px #0000000a}[data-theme=dark] .sku-tingkat-tabs{background:#161a22d1;border-color:#ffffff1a;box-shadow:inset 3px 3px 6px #00000080,inset -2px -2px 6px #ffffff08,0 6px 18px #00000040}.sku-tingkat-tab{cursor:pointer;color:var(--text-secondary,#64748b);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:13px;outline:none;justify-content:center;align-items:center;gap:6px;padding:.7rem .5rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sku-tingkat-tab:hover{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);background:#ffffff73;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .sku-tingkat-tab:hover{color:#fff;background:#ffffff0f;box-shadow:0 2px 8px #0003}.sku-tingkat-tab.active{text-shadow:0 1px 2px #0000004d;-webkit-backdrop-filter:blur(12px)!important;color:#fff!important;background:linear-gradient(135deg,#e11d48 0%,#b71c1c 100%)!important;border:1px solid #fff6!important;font-weight:800!important;box-shadow:inset 1px 1px 3px #ffffff80,inset -2px -2px 5px #00000040,0 6px 18px #ba121559,0 2px 6px #0000001a!important}[data-theme=dark] .sku-tingkat-tab.active{background:linear-gradient(135deg,#be123c 0%,#991b1b 100%)!important;border:1px solid #ffffff40!important;box-shadow:inset 1px 1px 3px #fff6,inset -2px -2px 5px #00000073,0 6px 20px #ba121573!important}.sku-tab-badge{color:inherit;background:#00000014;border-radius:10px;padding:1px 7px;font-size:.7rem;font-weight:700}.sku-tingkat-tab.active .sku-tab-badge{color:#fff;background:#ffffff40}.sku-overview-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#00000014);border-radius:18px;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem 1.15rem;display:flex;box-shadow:0 3px 12px #0000000a}[data-theme=dark] .sku-overview-card{background:#1e2329;border-color:#ffffff14;box-shadow:0 3px 12px #00000040}.sku-overview-left{align-items:center;gap:.85rem;display:flex}.sku-overview-icon-box{color:#c62828;background:linear-gradient(135deg,#c628281f,#e5393533);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}[data-theme=dark] .sku-overview-icon-box{color:#ef5350;background:#c6282840}.sku-overview-label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;font-size:.72rem;font-weight:600;display:block}.sku-overview-value{color:var(--text-primary,#1e293b);font-size:1.4rem;font-weight:800;line-height:1.1}.sku-overview-unit{color:var(--text-secondary,#64748b);margin-left:2px;font-size:.85rem;font-weight:600}.sku-overview-right{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.sku-overview-badge{color:#1976d2;background:#2196f31a;border:1px solid #2196f333;border-radius:8px;align-items:center;gap:4px;margin-bottom:3px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}[data-theme=dark] .sku-overview-badge{color:#90caf9;background:#2196f333;border-color:#2196f34d}.sku-overview-sub{color:var(--text-secondary,#64748b);font-size:.72rem}.sku-overview-sub strong{color:var(--text-primary,#1e293b)}.sku-section-header{margin-bottom:.75rem;padding:0 .2rem}.sku-section-title{color:var(--text-primary,#1e293b);align-items:center;gap:6px;margin:0;font-size:.95rem;font-weight:800;display:flex}.sku-section-desc{color:var(--text-secondary,#64748b);margin:2px 0 0;font-size:.75rem}.sku-categories-list{flex-direction:column;gap:.65rem;display:flex}.sku-category-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#00000014);border-radius:16px;flex-direction:column;gap:.6rem;padding:.85rem 1rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000008}[data-theme=dark] .sku-category-card{background:#1e2329;border-color:#ffffff12;box-shadow:0 2px 8px #0003}.sku-category-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}[data-theme=dark] .sku-category-card:hover{box-shadow:0 6px 16px #00000059}.sku-cat-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sku-cat-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.sku-cat-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.sku-cat-name{color:var(--text-primary,#1e293b);margin:0;font-size:.92rem;font-weight:700;line-height:1.2}.sku-cat-count{color:var(--text-secondary,#64748b);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.72rem;display:block;overflow:hidden}.sku-cat-count strong{color:var(--text-primary,#1e293b)}.sku-cat-pct{letter-spacing:-.3px;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:1rem;font-weight:800;line-height:1}.sku-cat-progress-track{background:#0000000f;border-radius:6px;width:100%;height:8px;position:relative;overflow:hidden}[data-theme=dark] .sku-cat-progress-track{background:#ffffff14}.sku-cat-progress-bar{border-radius:6px;height:100%;transition:width .7s cubic-bezier(.34,1.56,.64,1)}.sku-cat-spiritual .sku-cat-icon-box{color:#1e88e5;background:#2196f31f}.sku-cat-spiritual .sku-cat-pct{color:#1976d2;background:#2196f31a}.sku-cat-spiritual .sku-cat-progress-bar{background:linear-gradient(90deg,#42a5f5,#1e88e5)}.sku-cat-emosional .sku-cat-icon-box{color:#d81b60;background:#e91e631f}.sku-cat-emosional .sku-cat-pct{color:#c2185b;background:#e91e631a}.sku-cat-emosional .sku-cat-progress-bar{background:linear-gradient(90deg,#ec407a,#d81b60)}.sku-cat-sosial .sku-cat-icon-box{color:#388e3c;background:#4caf501f}.sku-cat-sosial .sku-cat-pct{color:#2e7d32;background:#4caf501a}.sku-cat-sosial .sku-cat-progress-bar{background:linear-gradient(90deg,#66bb6a,#388e3c)}.sku-cat-intelektual .sku-cat-icon-box{color:#f57c00;background:#ff98001f}.sku-cat-intelektual .sku-cat-pct{color:#ef6c00;background:#ff98001a}.sku-cat-intelektual .sku-cat-progress-bar{background:linear-gradient(90deg,#ffa726,#f57c00)}.sku-cat-fisik .sku-cat-icon-box{color:#e53935;background:#f443361f}.sku-cat-fisik .sku-cat-pct{color:#d32f2f;background:#f443361a}.sku-cat-fisik .sku-cat-progress-bar{background:linear-gradient(90deg,#ef5350,#e53935)}.admin-dashboard-wrapper{min-height:100vh;background:linear-gradient(180deg, #750406 0px, #8b080a 60px, #a30d10 120px, #ba1215 180px, #cd1619 220px, #dd282c 260px, #e95053 290px, #f28487 320px, #f8b5b7 345px, #fcdee0 365px, #fdf5f5 385px, var(--bg-main,#f0f4f8) 400px, var(--bg-main,#f0f4f8) 100%)!important;background-color:var(--bg-main,#f0f4f8)!important;background-repeat:no-repeat!important}[data-theme=dark] .admin-dashboard-wrapper{background:linear-gradient(180deg, #4d0204 0px, #400203 70px, #330203 140px, #270204 200px, #1f0306 250px, #180509 290px, #14070c 330px, #100910 365px, #0d0b12 385px, var(--bg-main,#0b0e14) 400px, var(--bg-main,#0b0e14) 100%)!important;background-color:var(--bg-main,#0b0e14)!important;background-repeat:no-repeat!important}.admin-top-new{flex-direction:column;padding:1.5rem 1.5rem .5rem;display:flex;position:relative;background:0 0!important}[data-theme=dark] .admin-top-new{background:0 0!important}.admin-header-bar{justify-content:space-between;align-items:center;margin-bottom:2rem;padding-top:.5rem;display:flex}.admin-avatar-sm{cursor:pointer;background:#fff;border:2px solid #ffffff4d;border-radius:50%;width:42px;height:42px;overflow:hidden;box-shadow:0 4px 8px #0003}.admin-avatar-sm img{object-fit:cover;width:100%;height:100%}.admin-name-title{color:#fff;letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:1.1rem;font-weight:800}.admin-header-bar .theme-toggle{box-shadow:none!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important;padding:.5rem!important}.admin-header-bar .theme-toggle .icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:1.3rem;color:#fff!important}.admin-greeting-section{z-index:2;justify-content:space-between;align-items:flex-end;margin-bottom:.25rem;padding:0 .5rem;display:flex;position:relative}.greeting-bubble{-webkit-backdrop-filter:blur(8px);color:#fff;z-index:1;background:#a52222b3;border:1px solid #fff3;border-radius:16px;flex:1;margin-bottom:2rem;margin-right:-1rem;padding:1.2rem;font-size:.85rem;line-height:1.4;position:relative;box-shadow:0 8px 16px #00000026}.greeting-bubble:after{content:"";border:8px solid #0000;border-left:12px solid #a52222b3;border-right-width:0;position:absolute;bottom:20px;right:-8px}[data-theme=dark] .greeting-bubble{color:#fff;background:#1e1e1ee6;border-color:#ffffff26}[data-theme=dark] .greeting-bubble:after{border-color:#0000 #0000 #0000 #1e1e1ee6}.greeting-character{z-index:2;flex-shrink:0;justify-content:flex-end;align-items:flex-end;width:140px;height:160px;display:flex}.greeting-character img{object-fit:contain;object-position:bottom;filter:drop-shadow(-4px 4px 8px #00000040);width:100%;height:100%}.admin-bottom-new{z-index:3;flex:1;padding:.8rem 1.2rem 8rem;position:relative;box-shadow:none!important;background:0 0!important;border-top:none!important;border-top-left-radius:0!important;border-top-right-radius:0!important}[data-theme=dark] .admin-bottom-new{background:0 0!important}.admin-tabs{background:#0000000d;border:1px solid #0000000d;border-radius:20px;margin-bottom:1.5rem;padding:.3rem;display:flex}[data-theme=dark] .admin-tabs{background:#ffffff0d;border-color:#ffffff0d}.admin-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:16px;flex:1;padding:.8rem;font-size:.85rem;font-weight:700;transition:all .3s}.admin-tab-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.section-subtitle{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:500}.active-count{font-weight:700}.active-users-scroll{-ms-overflow-style:none;scrollbar-width:none;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.active-users-scroll::-webkit-scrollbar{display:none}.active-user-item{flex-direction:column;align-items:center;gap:.4rem;min-width:60px;display:flex}.active-user-avatar{background:#b2dfdb;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;padding:3px;display:flex}[data-theme=dark] .active-user-avatar{background:#004d40}.active-user-avatar img{object-fit:cover;background:var(--bg-card);border-radius:50%;width:100%;height:100%}.active-user-name{color:var(--text-secondary);text-align:center;font-size:.7rem}.metrics-header-container{margin-top:1.25rem;margin-bottom:.85rem}.metrics-header-title-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.metrics-main-title{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:1.05rem;font-weight:700}.metrics-main-desc{color:var(--text-secondary);margin:0;font-size:.78rem}.live-stat-badge{color:#10b981;letter-spacing:.3px;background:#10b9811f;border:1px solid #10b98140;border-radius:20px;align-items:center;gap:5px;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-flex}.live-stat-badge .live-badge-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite pulseDot}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}@media (width<=480px){.metrics-grid{gap:.5rem}.metric-card{border-radius:14px!important;min-height:125px!important;padding:.75rem .5rem!important}.metric-icon-wrap{border-radius:8px!important;width:30px!important;height:30px!important;font-size:.95rem!important}.metric-tag{padding:1px 4px!important;font-size:.55rem!important}.metric-value{font-size:1.4rem!important}.metric-title{letter-spacing:.2px!important;font-size:.62rem!important}.metric-subtext{font-size:.58rem!important}}.metric-card{cursor:pointer;-webkit-backdrop-filter:blur(14px);background:#fffc;border:1px solid #ffffffe6;border-radius:18px;min-height:140px;padding:1rem .85rem;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a,0 1px 3px #00000005;opacity:1!important;visibility:visible!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:space-between!important;display:flex!important}[data-theme=dark] .metric-card{background:#181b21bf;border-color:#ffffff14;box-shadow:0 6px 20px #00000059}.metric-card:hover{transform:translateY(-5px)scale(1.02)}.metric-card:hover .metric-arrow-icon{opacity:1;transform:translate(3px)}.metric-card:hover .metric-watermark{opacity:.12;transform:scale(1.15)rotate(-5deg)}.metric-card-sku{border-top:3px solid #f59e0b}.metric-card-sku:hover{border-color:#f59e0b66;box-shadow:0 12px 24px -6px #f59e0b40,0 4px 12px #0000000d}.icon-sku{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a);animation:3.2s ease-in-out infinite floatBob;box-shadow:0 4px 10px #d9770633}[data-theme=dark] .icon-sku{color:#fbbf24;background:linear-gradient(135deg,#78350f,#92400e)}.tag-sku{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b4d}[data-theme=dark] .tag-sku{color:#fcd34d}.metric-card-sos{border-top:3px solid #ef4444}.metric-card-sos:hover{border-color:#ef444466;box-shadow:0 12px 24px -6px #ef444447,0 4px 12px #0000000d}.metric-card-sos.is-critical{animation:2s ease-in-out infinite glowPulseRed}@keyframes glowPulseRed{0%,to{box-shadow:0 0 0 1px #ef44444d,0 4px 16px #ef444426}50%{box-shadow:0 0 0 2px #ef444499,0 6px 22px #ef444459}}.icon-sos{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 4px 10px #dc262633}[data-theme=dark] .icon-sos{color:#f87171;background:linear-gradient(135deg,#7f1d1d,#991b1b)}.icon-sos-alert{animation:1.6s ease-in-out infinite pulseEmergency}@keyframes pulseEmergency{0%,to{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.1);box-shadow:0 0 0 8px #ef444400}}.tag-sos-critical{color:#dc2626;background:#ef444426;border:1px solid #ef444459;font-weight:700;animation:1.4s infinite blinkAlert}[data-theme=dark] .tag-sos-critical{color:#fca5a5}@keyframes blinkAlert{0%,to{opacity:1}50%{opacity:.65}}.tag-sos-safe{color:#059669;background:#10b9811f;border:1px solid #10b98140}[data-theme=dark] .tag-sos-safe{color:#6ee7b7}.metric-card-sfh{border-top:3px solid #06b6d4}.metric-card-sfh:hover{border-color:#06b6d466;box-shadow:0 12px 24px -6px #06b6d440,0 4px 12px #0000000d}.icon-sfh{color:#0891b2;background:linear-gradient(135deg,#cffafe,#a5f3fc);animation:3.6s ease-in-out .4s infinite floatBob;box-shadow:0 4px 10px #0891b233}[data-theme=dark] .icon-sfh{color:#67e8f9;background:linear-gradient(135deg,#164e63,#155e75)}.tag-sfh{color:#0e7490;background:#06b6d41f;border:1px solid #06b6d44d}[data-theme=dark] .tag-sfh{color:#a5f3fc}.metric-card-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:.65rem;display:flex}.metric-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;transition:transform .3s;display:flex}.metric-tag{letter-spacing:.5px;text-transform:uppercase;border-radius:6px;padding:2px 6px;font-size:.62rem;font-weight:700}.metric-content{z-index:2;flex-direction:column;margin-bottom:.5rem;display:flex;position:relative}.metric-value{color:var(--text-primary);letter-spacing:-.5px;font-size:1.75rem;font-weight:900;line-height:1.1}.metric-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-top:.25rem;font-size:.72rem;font-weight:700}.metric-card-footer{z-index:2;border-top:1px solid #0000000d;justify-content:space-between;align-items:center;width:100%;padding-top:.45rem;display:flex;position:relative}[data-theme=dark] .metric-card-footer{border-top-color:#ffffff0f}.metric-subtext{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;font-weight:500;overflow:hidden}.metric-arrow-icon{color:var(--text-muted);opacity:.6;flex-shrink:0;font-size:.8rem;transition:all .25s}.metric-watermark{color:var(--text-primary);opacity:.04;pointer-events:none;z-index:1;font-size:4.5rem;transition:all .4s;position:absolute;bottom:-10px;right:-10px}[data-theme=dark] .metric-watermark{opacity:.05}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.search-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;align-items:center;margin-bottom:1.5rem;padding:.8rem 1rem;display:flex}.search-icon{color:var(--text-secondary);margin-right:.8rem}.search-bar input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit}.user-list{flex-direction:column;gap:1rem;display:flex}.user-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:1.2rem;display:flex;box-shadow:0 2px 8px #0000000d}.user-info h4{margin:0 0 .2rem;font-size:1rem}.user-email{color:var(--text-secondary);margin:0 0 .5rem;font-size:.85rem}.role-badge{border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.role-anggota{color:#1e88e5;background:#e3f2fd}.role-pembina{color:#4caf50;background:#e8f5e9}.role-admin{color:#9c27b0;background:#f3e5f5}.user-actions{gap:.5rem;display:flex}.user-actions button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:transform .2s;display:flex}.user-actions button:hover{transform:scale(1.1)}.btn-edit{color:#ff9800;background:#fff3e0}.btn-delete{color:#f44336;background:#ffebee}.admin-btn{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;align-items:center;width:100%;margin-bottom:1rem;padding:1rem;transition:all .2s;display:flex;box-shadow:0 4px 10px #00000008}.admin-btn:hover{transform:translateY(-3px);box-shadow:0 6px 15px #00000014;border-color:#673ab7!important}.admin-btn .action-icon{margin-right:1rem;font-size:1.5rem;color:#673ab7!important}[data-theme=dark] .admin-btn{background:#1e2329;border-color:#ffffff14}.action-grid{flex-direction:column;display:flex}.laporan-page{background-color:var(--bg-main,#f0f4f8);min-height:100vh;color:var(--text-primary);background-image:linear-gradient(#750406 0,#850608 15px,#990a0d 32px,#af1014f2 48px,#c3161ad1 62px,#d71c209e 75px,#e1282d6b 86px,#eb373c40 96px,#f04b5021 104px,#f564690d 110px,#fa828704 115px,#0000 118px);background-repeat:no-repeat;background-size:100% 118px;flex-direction:column;margin:-1.5rem -1.5rem 0;display:flex;position:relative;overflow-x:hidden}[data-theme=dark] .laporan-page{background-color:var(--bg-main,#0b0e14);background-image:linear-gradient(#4d0204 0,#420204 15px,#410204f2 32px,#410204cc 48px,#41020494 64px,#4102045c 78px,#41020433 90px,#41020417 100px,#41020408 108px,#41020402 114px,#0000 118px);background-repeat:no-repeat;background-size:100% 118px}.laporan-page:before{content:"";pointer-events:none;z-index:1;opacity:.9;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.8' stroke-opacity='0.08'%3E%3Cpath d='M24 0L48 24L24 48L0 24Z'/%3E%3Cpath d='M0 0L48 48M48 0L0 48'/%3E%3Ccircle cx='24' cy='24' r='1.8' fill='%23ffffff' fill-opacity='0.18'/%3E%3C/g%3E%3C/svg%3E");background-size:48px 48px;height:118px;animation:32s linear infinite geometricPatternDrift;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000f2 0%,#0009 40%,#0003 70%,#0000000a 90%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#0009 40%,#0003 70%,#0000000a 90%,#0000 100%)}.laporan-page:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(65% 55% at 30% 20%,#ffffff2e 0%,#ff787814 50%,#0000 75%),radial-gradient(55% 45% at 75% 30%,#ffc8c824 0%,#0000 70%);height:118px;animation:8s ease-in-out infinite alternate ambientLightPulse;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000f2 0%,#0006 65%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#0006 65%,#0000 100%)}.laporan-top-section{z-index:10;background:0 0;padding:1.25rem 1.25rem .5rem;position:relative;overflow:visible}.bg-shield-icon{color:#ffffff0f;z-index:0;pointer-events:none;font-size:8rem;position:absolute;top:-15px;right:-10px;transform:rotate(-15deg)}[data-theme=light] .bg-shield-icon{color:#ffffff1f}.laporan-header{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.back-btn-glass{-webkit-backdrop-filter:blur(14px);color:#fff;cursor:pointer;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:3px 3px 8px #00000040,-2px -2px 6px #ffffff26,inset 1px 1px 2px #fff6}.back-btn-glass:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:4px 6px 12px #0000004d,-2px -2px 8px #ffffff40,inset 1px 1px 2px #ffffff80}.back-btn-glass:active{transform:translateY(0)scale(.95);box-shadow:inset 2px 2px 4px #0000004d,inset -1px -1px 2px #fff3}.header-title{font-family:var(--font-family);color:#fff;text-align:center;letter-spacing:.5px;text-shadow:0 2px 8px #00000073;flex:1;margin:0;font-size:1.15rem;font-weight:800}.laporan-bottom-section{z-index:2;background:0 0;flex:1;margin-top:0;padding:.75rem 1.25rem 8rem;position:relative}.glass-neo-card{-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 32px #0000000d,inset 0 0 0 1px #ffffff80}[data-theme=dark] .glass-neo-card{background:#1e1e1ed9;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d}.sfh-info-banner{border-left:4px solid #d31215;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.2rem;display:flex}.info-icon-wrapper{color:#d31215;background:#d312151a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.info-icon{font-size:1.2rem}.info-text-wrapper strong{color:var(--text-primary);margin-bottom:.3rem;font-size:1rem;font-weight:800;display:block}.info-text-wrapper p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.laporan-form{flex-direction:column;gap:1.2rem;display:flex}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem;font-weight:800;display:block}.neu-input-wrapper,.neu-inset-box{background:var(--bg-card);border:1px solid #0000000d;border-radius:16px;overflow:hidden;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #ffffff80}[data-theme=dark] .neu-input-wrapper,[data-theme=dark] .neu-inset-box{border:1px solid #ffffff0d;box-shadow:inset 2px 2px 5px #0000004d,inset -2px -2px 5px #ffffff05}.neu-textarea{width:100%;color:var(--text-primary);resize:vertical;background:0 0;border:none;outline:none;min-height:100px;padding:1.2rem;font-family:inherit;font-size:.95rem}.neu-textarea::placeholder{color:var(--text-muted)}.photo-input{display:none}.photo-upload-btn{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:0!important;padding:1.5rem 1.2rem!important;font-weight:400!important;display:flex!important}.camera-icon-wrapper{color:#2196f3;background:#2196f31a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.photo-name{color:var(--text-primary);text-align:center;font-size:.85rem;font-weight:700}.toggle-group{padding:1rem}.toggle-label{cursor:pointer;justify-content:space-between;align-items:center;margin:0!important;display:flex!important}.toggle-text{flex:1;padding-right:1rem}.toggle-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.95rem;font-weight:800;display:block}.toggle-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.3}.modern-toggle{background:#0000001a;border-radius:20px;width:46px;height:26px;transition:all .3s;position:relative;box-shadow:inset 1px 1px 3px #0003}[data-theme=dark] .modern-toggle{background:#ffffff1a}.modern-toggle.active{background:#d31215}.modern-toggle-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.modern-toggle.active .modern-toggle-knob{left:22px}.submit-wrapper{margin-top:.5rem}.submit-laporan-btn-neo{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#d31215,#a30e10);border:1px solid #fff3;border-radius:16px;justify-content:center;align-items:center;gap:.8rem;width:100%;padding:1.2rem;font-size:1rem;font-weight:800;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 8px 20px #d312154d,inset 2px 2px 4px #ffffff4d}.submit-laporan-btn-neo:active{transform:scale(.96);box-shadow:inset 4px 4px 8px #0003}.success-state{justify-content:center;align-items:center;padding:2rem;display:flex}.success-card{text-align:center;width:100%;max-width:400px;padding:3rem 2rem}.success-icon-ring{background:#4caf501a;border:1px solid #4caf504d;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1.5rem;display:flex}.success-icon-pulse{background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;animation:.5s cubic-bezier(.34,1.56,.64,1) success-pop;display:flex;box-shadow:0 4px 15px #4caf5066}@keyframes success-pop{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.success-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:800}.success-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem;line-height:1.5}.btn-success-back{width:100%;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff0d);border:1px solid #fff3;border-radius:12px;padding:1rem;font-weight:800}.sfh-user-toast{color:#fff;z-index:9999;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:16px;align-items:center;gap:.6rem;max-width:90%;padding:.85rem 1.4rem;font-size:.88rem;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) toastFadeIn;display:flex;position:fixed;top:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #10b98166}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translate(-50%)}}.laporan-list-container{flex-direction:column;gap:1.25rem;display:flex}.sfh-action-card{background:linear-gradient(135deg,#ffffffe6,#ffffffbf);border:1.5px solid #fffc;border-radius:20px;flex-direction:column;gap:1rem;padding:1.3rem;display:flex;box-shadow:0 8px 24px #0000000d}[data-theme=dark] .sfh-action-card{background:linear-gradient(135deg,#1a1f2ae6,#141821d9);border-color:#ffffff14;box-shadow:0 8px 24px #00000059}.action-card-title{color:var(--text-primary);margin:0 0 .3rem;font-size:1.15rem;font-weight:800}.action-card-desc{color:var(--text-secondary);margin:0;font-size:.84rem;line-height:1.45}.btn-tambah-laporan-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.25rem;font-size:.92rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 18px #e11d4859}.btn-tambah-laporan-primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px #e11d4873}.btn-tambah-laporan-primary:active{transform:translateY(1px)}.btn-batal-form{color:var(--text-secondary);cursor:pointer;background:#0000000d;border:1px solid #0000001a;border-radius:14px;padding:.85rem 1.25rem;font-weight:700;transition:all .2s}[data-theme=dark] .btn-batal-form{color:#cbd5e1;background:#ffffff0f;border-color:#ffffff1f}.laporan-section-title-row{justify-content:space-between;align-items:center;padding:0 .2rem;display:flex}.laporan-section-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:800}.laporan-count-badge{color:#e11d48;background:#e11d481f;border-radius:20px;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.laporan-loading-box{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;font-size:.9rem;display:flex}.empty-reports-card{text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;display:flex}.empty-shield-icon{color:#e11d48;background:#e11d4814;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:.5rem;display:flex}.empty-reports-card h4{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:800}.empty-reports-card p{color:var(--text-secondary);max-width:320px;margin:0;font-size:.85rem;line-height:1.5}.empty-btn{width:auto;margin-top:.5rem;padding:.75rem 1.5rem}.reports-stack{flex-direction:column;gap:1rem;display:flex}.member-report-card{border-radius:18px;flex-direction:column;gap:.9rem;padding:1.15rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.member-report-card.is-reviewed{border-left:4px solid #10b981}.member-report-card.is-pending{border-left:4px solid #f59e0b}.report-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.status-badge-member{border-radius:20px;align-items:center;gap:5px;padding:.3rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.status-badge-member.pending{color:#d97706;background:#f59e0b24;border:1px solid #f59e0b40}[data-theme=dark] .status-badge-member.pending{color:#fbbf24}.status-badge-member.reviewed{color:#059669;background:#10b98124;border:1px solid #10b98140}[data-theme=dark] .status-badge-member.reviewed{color:#34d399}.report-date-text{color:var(--text-secondary);font-size:.75rem}.report-card-main{flex-direction:column;gap:.4rem;display:flex}.report-title{color:var(--text-primary);margin:0;font-size:.98rem;font-weight:800}.report-desc-text{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:.86rem;line-height:1.5}.report-meta-row{flex-wrap:wrap;gap:.5rem;margin-top:.3rem;display:flex}.report-meta-pill{color:var(--text-secondary);background:#0000000a;border-radius:8px;align-items:center;gap:4px;padding:.2rem .55rem;font-size:.72rem;display:inline-flex}[data-theme=dark] .report-meta-pill{background:#ffffff0d}.report-meta-pill.photo{color:#3b82f6;background:#3b82f614}.pembina-reply-container{background:linear-gradient(135deg,#10b98114 0%,#0596690a 100%);border:1.5px solid #10b98140;border-radius:14px;flex-direction:column;gap:.45rem;margin-top:.2rem;padding:.85rem .95rem;display:flex}[data-theme=dark] .pembina-reply-container{background:linear-gradient(135deg,#10b9811f 0%,#0596690f 100%);border-color:#10b9814d}.reply-header{justify-content:space-between;align-items:center;display:flex}.reply-header-left{align-items:center;gap:6px;display:flex}.reply-icon{color:#10b981;font-size:.95rem}.reply-title{color:#059669;font-size:.82rem;font-weight:800}[data-theme=dark] .reply-title{color:#34d399}.reply-badge-verified{color:#059669;background:#10b98129;border-radius:6px;padding:.15rem .45rem;font-size:.68rem;font-weight:700}[data-theme=dark] .reply-badge-verified{color:#6ee7b7}.reply-text{color:var(--text-primary);white-space:pre-wrap;margin:0;font-size:.86rem;font-style:italic;line-height:1.45}.reply-text.default-reply{color:var(--text-secondary);font-style:normal}.pending-notice-box{color:var(--text-secondary);background:#f59e0b0f;border:1px dashed #f59e0b4d;border-radius:10px;align-items:center;gap:6px;padding:.45rem .75rem;font-size:.76rem;display:flex}.p-sfh-page-wrapper{min-height:100vh;padding-bottom:5.5rem;background-color:#0000!important}.p-sfh-toast{z-index:10000;border-radius:16px;align-items:center;gap:.65rem;max-width:90%;padding:.85rem 1.4rem;font-size:.9rem;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) toastSlideDown;display:flex;position:fixed;top:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.p-sfh-toast.success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #ffffff40}.p-sfh-toast.error{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1px solid #ffffff40}.p-sfh-header-area{z-index:2;padding:1rem 1.25rem .5rem;position:relative;overflow:hidden}.p-sfh-shield-watermark{color:#ffffff14;pointer-events:none;z-index:0;font-size:8rem;position:absolute;top:-15px;right:-15px;transform:rotate(-15deg)}[data-theme=light] .p-sfh-shield-watermark{color:#ffffff24}.p-sfh-header-content{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.p-sfh-back-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffff29;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #0000001a}.p-sfh-back-btn:hover{background:#ffffff42;transform:scale(1.05)}.p-sfh-back-btn:active{transform:scale(.95)}.p-sfh-title-box{text-align:center;flex:1}.p-sfh-page-title{color:#fff;letter-spacing:-.2px;margin:0;font-size:1.2rem;font-weight:800}.p-sfh-page-subtitle{color:#ffffffc7;margin:.15rem 0 0;font-size:.76rem;font-weight:500}.p-sfh-main-container{z-index:2;flex-direction:column;gap:1rem;padding:.75rem 1.25rem 2rem;display:flex;position:relative}.p-sfh-tabs-bar{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #ffffffd9;border-radius:18px;grid-template-columns:repeat(2,1fr);gap:6px;padding:5px;display:grid;box-shadow:0 4px 16px #0000000a}[data-theme=dark] .p-sfh-tabs-bar{background:#161b26b3;border-color:#ffffff14;box-shadow:0 4px 16px #0000004d}.p-sfh-tab-item{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem .6rem;font-size:.9rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.p-sfh-tab-item:hover{color:var(--text-primary);background:#fff6}[data-theme=dark] .p-sfh-tab-item:hover{color:#fff;background:#ffffff0d}.p-sfh-tab-item.active{font-weight:800;box-shadow:0 6px 16px #e11d4859;color:#fff!important;background:linear-gradient(135deg,#e11d48 0%,#b91c1c 100%)!important}.p-sfh-tab-item .tab-icon{font-size:1.1rem}.p-sfh-badge-counter{border-radius:10px;padding:2px 7px;font-size:.7rem;font-weight:800;line-height:1.2}.p-sfh-badge-counter.danger{color:#dc2626;background:#fff;box-shadow:0 2px 6px #00000026}.p-sfh-badge-counter.warning{color:#d97706;background:#fff;box-shadow:0 2px 6px #00000026}.p-sfh-summary-banner{background:var(--card-bg,#fff);border:1px solid var(--border-color,#00000014);border-radius:14px;justify-content:space-around;align-items:center;padding:.65rem 1rem;display:flex;box-shadow:0 2px 8px #00000008}[data-theme=dark] .p-sfh-summary-banner{background:#181d28;border-color:#ffffff12}.summary-banner-item{align-items:center;gap:.45rem;font-size:.8rem;display:flex}.summary-banner-item .label{color:var(--text-secondary);font-weight:600}.summary-banner-item .value{color:var(--text-primary);font-weight:800}.summary-banner-item .value.highlight-danger{color:#e11d48}.summary-banner-item .value.highlight-warning{color:#d97706}.summary-banner-item .value.highlight-success{color:#10b981}.summary-banner-divider{background:var(--border-color,#0000001a);width:1px;height:16px}.p-sfh-empty-state{text-align:center;background:var(--card-bg,#fff);border:1px solid var(--border-color,#00000012);border-radius:20px;flex-direction:column;align-items:center;gap:.5rem;padding:3.5rem 1.5rem;display:flex;box-shadow:0 4px 16px #0000000a}[data-theme=dark] .p-sfh-empty-state{background:#181d28;border-color:#ffffff12}.empty-state-icon{border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:.5rem;display:flex}.empty-state-icon.sos{color:#10b981;background:#10b9811f}.empty-state-icon.laporan{color:#e11d48;background:#e11d481f}.p-sfh-empty-state h4{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:800}.p-sfh-empty-state p{color:var(--text-secondary);max-width:300px;margin:0;font-size:.84rem;line-height:1.5}.p-sfh-cards-stack{flex-direction:column;gap:1rem;display:flex}.p-sfh-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#00000014);border-radius:20px;flex-direction:column;gap:.85rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}[data-theme=dark] .p-sfh-card{background:#181d28;border-color:#ffffff14;box-shadow:0 4px 16px #00000040}.p-sfh-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.p-sfh-card.sos-card.critical{border-left:4px solid #ef4444}.p-sfh-card.sos-card.resolved{border-left:4px solid #10b981}.p-sfh-card.laporan-card.pending{border-left:4px solid #f59e0b}.p-sfh-card.laporan-card.reviewed{border-left:4px solid #10b981}.p-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.user-profile-meta{align-items:center;gap:.75rem;display:flex}.avatar-squircle{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;font-weight:800;display:flex}.avatar-squircle.sos-critical{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px #ef444459}.avatar-squircle.sos-resolved{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.user-text{flex-direction:column;display:flex}.user-name{color:var(--text-primary);margin:0;font-size:.98rem;font-weight:800}.user-regu{color:var(--text-secondary);font-size:.75rem;font-weight:600}.p-status-pill{border-radius:20px;align-items:center;gap:5px;padding:.3rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.p-status-pill.danger{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.p-status-pill.warning{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40}[data-theme=dark] .p-status-pill.warning{color:#fbbf24}.p-status-pill.success{color:#059669;background:#10b9811f;border:1px solid #10b98140}[data-theme=dark] .p-status-pill.success{color:#34d399}.p-status-pill-small{border-radius:12px;padding:.15rem .5rem;font-size:.7rem;font-weight:800}.p-status-pill-small.success{color:#059669;background:#10b98126}[data-theme=dark] .p-status-pill-small.success{color:#34d399}.p-status-pill-small.warning{color:#d97706;background:#f59e0b26}[data-theme=dark] .p-status-pill-small.warning{color:#fbbf24}.beacon-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #ef4444}.p-location-box{background:#00000008;border:1px solid #0000000d;border-radius:14px;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}[data-theme=dark] .p-location-box{background:#ffffff0a;border-color:#ffffff0f}.location-icon-wrapper{color:#ef4444;align-items:center;font-size:1.25rem;display:flex}.location-details{flex-direction:column;flex:1;display:flex}.loc-label-row{justify-content:space-between;align-items:center;display:flex}.loc-title{color:var(--text-secondary);text-transform:uppercase;font-size:.72rem;font-weight:700}.loc-type-tag{color:#3b82f6;background:#3b82f61a;border-radius:6px;padding:1px 6px;font-size:.68rem;font-weight:700}.loc-coords{color:var(--text-primary);margin-top:2px;font-family:monospace;font-size:.88rem;font-weight:700}.laporan-main-body{flex-direction:column;gap:.45rem;display:flex}.laporan-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:800}.laporan-desc{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:.88rem;line-height:1.5}.laporan-meta-tags{flex-wrap:wrap;gap:.5rem;margin-top:.2rem;display:flex}.meta-tag{border-radius:8px;align-items:center;gap:4px;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.meta-tag.reporter{color:var(--text-secondary);background:#0000000d}[data-theme=dark] .meta-tag.reporter{background:#ffffff0f}.meta-tag.photo{color:#3b82f6;background:#3b82f61a}.pembina-reply-preview-box{background:linear-gradient(135deg,#10b98114 0%,#0596690a 100%);border:1px solid #10b98140;border-radius:12px;flex-direction:column;gap:.25rem;padding:.65rem .85rem;display:flex}[data-theme=dark] .pembina-reply-preview-box{background:linear-gradient(135deg,#10b9811f 0%,#0596690f 100%)}.reply-preview-header{color:#059669;align-items:center;gap:5px;font-size:.76rem;font-weight:800;display:flex}[data-theme=dark] .reply-preview-header{color:#34d399}.reply-preview-text{color:var(--text-primary);margin:0;font-size:.82rem;font-style:italic;line-height:1.4}.p-card-footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.p-card-footer.bordered{border-top:1px solid var(--border-color,#0000000f);margin-top:.2rem;padding-top:.75rem}.time-badge{color:var(--text-secondary);align-items:center;gap:5px;font-size:.75rem;display:inline-flex}.reporter-stamp{align-items:center;gap:5px;font-size:.8rem;display:flex}.reporter-stamp .subtext{color:var(--text-secondary)}.reporter-stamp .reporter-name{color:var(--text-primary)}.card-actions-row{align-items:center;gap:.5rem;display:flex}.p-btn-action{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.82rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.p-btn-action:active{transform:scale(.96)}.p-btn-action.map-btn{color:#2563eb;background:#3b82f61f;border:1px solid #3b82f640}[data-theme=dark] .p-btn-action.map-btn{color:#60a5fa;border-color:#3b82f659}.p-btn-action.resolve-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.p-btn-action.primary-review-btn{color:#fff;background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);box-shadow:0 4px 12px #e11d484d}.p-btn-action.secondary-review-btn{color:#059669;background:#10b9811f;border:1px solid #10b98140}[data-theme=dark] .p-btn-action.secondary-review-btn{color:#34d399}.p-badge-completed{color:#10b981;background:#10b9811a;border-radius:10px;align-items:center;gap:4px;padding:.35rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.p-sfh-modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out fadeInBackdrop;display:flex;position:fixed;inset:0}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.p-sfh-modal-card{background:var(--card-bg,#fff);border:1px solid #fff3;border-radius:24px;flex-direction:column;width:100%;max-width:490px;max-height:88vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #00000059}[data-theme=dark] .p-sfh-modal-card{background:#161b26;border:1px solid #ffffff1a;box-shadow:0 20px 50px #000000a6}.p-sfh-modal-header{border-bottom:1px solid var(--border-color,#00000014);background:#00000004;justify-content:space-between;align-items:center;padding:1.25rem 1.4rem;display:flex}[data-theme=dark] .p-sfh-modal-header{background:#ffffff05;border-color:#ffffff14}.modal-title-group{align-items:center;gap:.75rem;display:flex}.modal-icon-badge{color:#e11d48;background:#e11d481f;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.modal-heading{color:var(--text-primary);margin:0;font-size:1.08rem;font-weight:800}.modal-sub-row{align-items:center;gap:.5rem;margin-top:2px;display:flex}.modal-time{color:var(--text-secondary);font-size:.75rem}.modal-close-btn{border:1px solid var(--border-color,#0000001a);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close-btn:hover{color:var(--text-primary);background:#0000000f}[data-theme=dark] .modal-close-btn:hover{background:#ffffff14}.p-sfh-modal-body{flex-direction:column;gap:1.15rem;padding:1.25rem 1.4rem;display:flex;overflow-y:auto}.modal-metadata-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.meta-grid-item{background:#00000008;border:1px solid #0000000f;border-radius:12px;flex-direction:column;gap:.2rem;padding:.65rem .85rem;display:flex}[data-theme=dark] .meta-grid-item{background:#ffffff0a;border-color:#ffffff0f}.meta-label{color:var(--text-secondary);text-transform:uppercase;font-size:.72rem;font-weight:700}.meta-value-row{color:var(--text-primary);align-items:center;gap:6px;font-size:.88rem;display:flex}.meta-icon{color:var(--text-secondary);font-size:.95rem}.modal-detail-section{flex-direction:column;gap:.35rem;display:flex}.section-label{color:var(--text-secondary);text-transform:uppercase;font-size:.76rem;font-weight:700}.case-title-box{color:var(--text-primary);font-size:.98rem;font-weight:800}.case-desc-box{border:1px solid var(--border-color,#00000014);color:var(--text-primary);white-space:pre-wrap;background:#00000006;border-radius:14px;padding:.85rem 1rem;font-size:.9rem;line-height:1.55}[data-theme=dark] .case-desc-box{background:#ffffff08;border-color:#ffffff14}.photo-attachment-card{color:#3b82f6;background:#3b82f614;border:1px solid #3b82f633;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.modal-reply-section{background:linear-gradient(135deg,#e11d480f 0%,#be123c05 100%);border:1.5px solid #e11d4840;border-radius:16px;flex-direction:column;gap:.65rem;padding:1rem;display:flex}[data-theme=dark] .modal-reply-section{background:linear-gradient(135deg,#e11d481a 0%,#be123c0a 100%);border-color:#e11d4859}.reply-section-header{justify-content:space-between;align-items:center;display:flex}.reply-title-wrapper{align-items:center;gap:6px;display:flex}.reply-header-icon{color:#e11d48;font-size:1rem}.reply-label{color:#e11d48;font-size:.88rem;font-weight:800}.push-notif-tag{color:#e11d48;background:#e11d4826;border-radius:6px;padding:2px 7px;font-size:.68rem;font-weight:700}.reply-instruction{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.45}.reply-textarea{background:var(--card-bg,#fff);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;border:1.5px solid #e11d484d;border-radius:12px;outline:none;padding:.85rem;font-family:inherit;font-size:.88rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}[data-theme=dark] .reply-textarea{background:#11141c;border-color:#e11d4866}.reply-textarea:focus{border-color:#e11d48;box-shadow:0 0 0 3px #e11d4826}.reviewer-info-tag{color:var(--text-secondary);align-items:center;gap:5px;margin-top:2px;font-size:.74rem;display:flex}.p-sfh-modal-footer{border-top:1px solid var(--border-color,#00000014);background:#00000004;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.4rem;display:flex}[data-theme=dark] .p-sfh-modal-footer{background:#ffffff05;border-color:#ffffff14}.btn-modal-cancel{border:1px solid var(--border-color,#0000001f);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:.75rem 1.2rem;font-size:.88rem;font-weight:700;transition:all .2s}.btn-modal-cancel:hover{color:var(--text-primary);background:#0000000d}[data-theme=dark] .btn-modal-cancel:hover{background:#ffffff0f}.btn-modal-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.88rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #e11d4859}.btn-modal-submit:hover{transform:translateY(-1px);box-shadow:0 6px 18px #e11d4873}.btn-modal-submit:active{transform:translateY(1px)}.btn-modal-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.animate-fade-in{animation:.25s ease-out pSfhFadeIn}@keyframes pSfhFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-scale-in{animation:.25s cubic-bezier(.16,1,.3,1) pSfhScaleIn}@keyframes pSfhScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-pulse{animation:1.8s infinite beaconPulse}@keyframes beaconPulse{0%,to{opacity:1}50%{opacity:.6}}.navi-splash-screen{z-index:999999999;-webkit-user-select:none;user-select:none;will-change:opacity, transform;background:radial-gradient(circle at 50% 35%,#990b0e 0%,#7e0507 45%,#4a0204 80%,#200102 100%);justify-content:center;align-items:center;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;overflow:hidden}.navi-splash-screen.splash-fade-out{opacity:0;pointer-events:none;transform:scale(1.04)}.splash-ambient-mesh{pointer-events:none;background-image:radial-gradient(circle at 20% 20%,#f59e0b26 0%,#0000 40%),radial-gradient(circle at 80% 80%,#ef444433 0%,#0000 45%);animation:8s ease-in-out infinite alternate splashMeshDrift;position:absolute;inset:0}@keyframes splashMeshDrift{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.08)translate(-10px,-10px)}}.splash-stars-overlay{opacity:.35;pointer-events:none;background-image:radial-gradient(#ffffff38 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.splash-content-container{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:360px;padding:2rem;display:flex;position:relative}.splash-logo-container{justify-content:center;align-items:center;width:130px;height:130px;margin-bottom:2rem;display:flex;position:relative}.splash-logo-pulse-ring{border:1.5px solid #f59e0b59;border-radius:50%;animation:3s cubic-bezier(.2,.8,.4,1) infinite splashRingExpand;position:absolute}.splash-logo-pulse-ring.ring-1{width:130px;height:130px;animation-delay:0s}.splash-logo-pulse-ring.ring-2{border-color:#ef444440;width:156px;height:156px;animation-delay:1.2s}@keyframes splashRingExpand{0%{opacity:0;transform:scale(.85)}50%{opacity:.8}to{opacity:0;transform:scale(1.35)}}.splash-logo-glow{filter:blur(12px);background:radial-gradient(circle,#ffd70059 0%,#ef44444d 50%,#0000 75%);border-radius:50%;width:100px;height:100px;animation:2.6s ease-in-out infinite splashGlowPulse;position:absolute}@keyframes splashGlowPulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}.splash-logo-image{object-fit:contain;filter:drop-shadow(0 12px 24px #00000080);width:95px;height:95px;animation:3.2s ease-in-out infinite splashLogoFloat;position:relative}@keyframes splashLogoFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.03)}}.splash-brand-text{flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex}.splash-app-title{letter-spacing:2.5px;background:linear-gradient(135deg,#fffbeb 0%,#fde68a 40%,#f59e0b 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 14px #0006);-webkit-background-clip:text;margin:0 0 .4rem;font-size:2.1rem;font-weight:900;animation:.8s cubic-bezier(.16,1,.3,1) forwards splashTitleReveal}.splash-app-subtitle{letter-spacing:2px;color:#ffffffd9;text-transform:uppercase;margin:0 0 .9rem;font-size:.78rem;font-weight:750}.splash-gudep-badge{color:#fef08a;letter-spacing:1.2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff3;border-radius:9999px;padding:4px 12px;font-size:.68rem;font-weight:700;display:inline-block}@keyframes splashTitleReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.splash-progress-wrapper{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.splash-progress-track{background:#ffffff2e;border-radius:9999px;width:140px;height:4px;position:relative;overflow:hidden}.splash-progress-bar{background:linear-gradient(90deg,#f59e0b 0%,#ef4444 100%);border-radius:9999px;width:0%;height:100%;animation:linear forwards splashProgressFill;box-shadow:0 0 10px #f59e0bcc}@keyframes splashProgressFill{0%{width:0%}60%{width:75%}to{width:100%}}.splash-motto-text{color:#fff9;letter-spacing:.3px;font-size:.72rem;font-style:italic}.splash-footer-info{bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:3;text-align:center;pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;animation:.9s cubic-bezier(.16,1,.3,1) .3s forwards splashFooterFadeIn;display:flex;position:absolute;left:0;right:0}@keyframes splashFooterFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.splash-developer-text{color:#ffffffb3;letter-spacing:.4px;margin:0;font-size:.74rem;font-weight:500}.splash-developer-name{color:#fde68a;letter-spacing:.5px;font-weight:750}.splash-version-text{color:#fff6;letter-spacing:.6px;font-size:.66rem;font-weight:500}.offline-screen-overlay{z-index:1000000;box-sizing:border-box;background:radial-gradient(circle at 50% 20%,#1a0b10 0%,#0a0d14 70%,#030508 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;animation:.35s cubic-bezier(.16,1,.3,1) forwards offlineFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes offlineFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.offline-mesh-bg{pointer-events:none;filter:blur(40px);background:radial-gradient(circle at 20% 30%,#e11d4826 0%,#0000 50%),radial-gradient(circle at 80% 70%,#f59e0b1f 0%,#0000 50%);position:absolute;inset:0}.offline-stars-bg{pointer-events:none;opacity:.5;background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.offline-card-container{z-index:2;-webkit-backdrop-filter:blur(28px)saturate(190%);text-align:center;box-sizing:border-box;background:#120e18e0;border:1.5px solid #ffffff1f;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:2.2rem 1.6rem 1.8rem;animation:.4s cubic-bezier(.175,.885,.32,1.25) offlineCardPop;display:flex;position:relative;box-shadow:0 24px 60px #000000b3,0 8px 30px #e11d4840,inset 1px 1px 2px #ffffff26}@keyframes offlineCardPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.offline-top-brand{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .85rem;display:inline-flex}.offline-brand-logo{object-fit:contain;width:22px;height:22px}.offline-brand-text{letter-spacing:.6px;color:#cbd5e1;text-transform:uppercase;font-size:.72rem;font-weight:800}.offline-radar-pod{justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:1.4rem;display:flex;position:relative}.offline-radar-ring{border:1.5px solid #e11d4866;border-radius:50%;animation:2.6s cubic-bezier(.2,.8,.4,1) infinite offlinePulseRing;position:absolute;inset:-10px}.offline-radar-ring.ring-2{border-color:#f59e0b4d;animation-delay:1.2s;inset:-22px}@keyframes offlinePulseRing{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.35)}}.offline-icon-bubble{background:linear-gradient(135deg,#e11d4833 0%,#f59e0b26 100%);border:2px solid #e11d4880;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex;box-shadow:0 0 25px #e11d4866,inset 1px 1px 3px #fff6}.offline-wifi-icon{color:#f43f5e;filter:drop-shadow(0 0 8px #f43f5e99);font-size:2.2rem}.offline-status-badge{color:#fb7185;letter-spacing:.6px;text-transform:uppercase;background:#f43f5e26;border:1px solid #f43f5e66;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.6rem;padding:.25rem .75rem;font-size:.68rem;font-weight:850;display:inline-flex}.badge-warning-icon{font-size:.85rem}.offline-title{letter-spacing:-.3px;background:linear-gradient(135deg,#fff 0%,#f1f5f9 50%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .5rem;font-size:1.45rem;font-weight:900}.offline-description{color:#94a3b8;max-width:360px;margin:0 0 1.4rem;font-size:.82rem;line-height:1.45}.offline-tips-box{text-align:left;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:.55rem;width:100%;margin-bottom:1.5rem;padding:.85rem 1rem;display:flex}.offline-tip-item{color:#cbd5e1;align-items:center;gap:.65rem;font-size:.76rem;display:flex}.tip-bullet{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:800;display:flex}.offline-retry-btn{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#e11d48 0%,#be123c 50%,#9f1239 100%);border:1.5px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.95rem 1.4rem;font-size:.92rem;font-weight:900;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 25px #e11d4873,inset 1px 1px 2px #ffffff80}.offline-retry-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #e11d488c,inset 1px 1px 2px #ffffffb3}.offline-retry-btn:active:not(:disabled){transform:scale(.97)}.offline-retry-btn:disabled{opacity:.75;cursor:not-allowed}.retry-icon{font-size:1.1rem}.spin-anim{animation:.9s linear infinite spinReconnecting}@keyframes spinReconnecting{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.offline-restored-toast{z-index:1000001;-webkit-backdrop-filter:blur(16px);color:#fff;background:#10b981eb;border:1.5px solid #fff9;border-radius:999px;align-items:center;gap:.75rem;padding:.65rem 1.4rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards toastSlideDown;display:flex;position:fixed;top:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #10b98166,0 4px 10px #0003,inset 1px 1px 2px #ffffffb3}.toast-icon-check{color:#fff;flex-shrink:0;font-size:1.35rem}.toast-content{text-align:left;flex-direction:column;display:flex}.toast-title{font-size:.84rem;font-weight:850;line-height:1.2}.toast-desc{opacity:.92;font-size:.72rem;font-weight:500}.error-boundary-overlay{z-index:1000000;box-sizing:border-box;background:radial-gradient(circle at 50% 20%,#1a0d12 0%,#080b10 70%,#030406 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;animation:.3s ease-out forwards errorFadeIn;display:flex;position:fixed;inset:0}@keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}.error-boundary-mesh{pointer-events:none;filter:blur(45px);background:radial-gradient(circle at 30% 30%,#e11d4829 0%,#0000 50%),radial-gradient(circle at 70% 70%,#f59e0b1f 0%,#0000 50%);position:absolute;inset:0}.error-boundary-card{z-index:2;-webkit-backdrop-filter:blur(28px)saturate(190%);text-align:center;box-sizing:border-box;background:#120e18e6;border:1.5px solid #ffffff1f;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:2.2rem 1.6rem 1.8rem;display:flex;position:relative;box-shadow:0 24px 60px #000000bf,0 8px 30px #e11d4840,inset 1px 1px 2px #ffffff26}.error-boundary-badge{letter-spacing:.6px;color:#cbd5e1;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.35rem .85rem;font-size:.72rem;font-weight:850;display:inline-flex}.error-brand-logo{object-fit:contain;width:22px;height:22px}.error-boundary-icon-pod{justify-content:center;align-items:center;width:86px;height:86px;margin-bottom:1.25rem;display:flex;position:relative}.error-pod-pulse{border:1.5px solid #e11d4866;border-radius:50%;animation:2.4s cubic-bezier(.2,.8,.4,1) infinite errorPulse;position:absolute;inset:-10px}.error-pod-circle{background:linear-gradient(135deg,#e11d4833 0%,#f59e0b26 100%);border:2px solid #e11d4880;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 0 25px #e11d4866,inset 1px 1px 3px #fff6}.error-main-icon{color:#f43f5e;font-size:2.2rem}.error-boundary-title{letter-spacing:-.3px;background:linear-gradient(135deg,#fff 0%,#f1f5f9 50%,#f43f5e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .5rem;font-size:1.45rem;font-weight:900}.error-boundary-desc{color:#94a3b8;max-width:360px;margin:0 0 1.6rem;font-size:.82rem;line-height:1.45}.error-boundary-actions{flex-direction:column;gap:.65rem;width:100%;display:flex}.error-btn-reload{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%);border:1.5px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.92rem 1.4rem;font-size:.88rem;font-weight:900;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 25px #ef444473,inset 1px 1px 2px #ffffff80}.error-btn-reload:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ef44448c,inset 1px 1px 2px #ffffffb3}.error-btn-reload:active{transform:scale(.97)}.error-btn-home{color:#cbd5e1;letter-spacing:.4px;cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.82rem 1.4rem;font-size:.84rem;font-weight:800;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.error-btn-home:hover{color:#fff;background:#ffffff24;transform:translateY(-1.5px)}.error-btn-home:active{transform:scale(.97)}.notfound-page-wrapper{box-sizing:border-box;background:radial-gradient(circle at 50% 15%,#1f0d15 0%,#0a0d14 60%,#040508 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem 1rem;display:flex;position:relative;overflow:hidden}.notfound-ambient-mesh{pointer-events:none;filter:blur(50px);background:radial-gradient(circle at 25% 25%,#e11d482e 0%,#0000 45%),radial-gradient(circle at 75% 75%,#f59e0b26 0%,#0000 50%),radial-gradient(circle,#0284c714 0%,#0000 60%);position:absolute;inset:0}.notfound-stars-layer{pointer-events:none;opacity:.6;background-image:radial-gradient(#ffffff24 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.notfound-main-card{z-index:2;-webkit-backdrop-filter:blur(28px)saturate(190%);text-align:center;box-sizing:border-box;background:#120e18e0;border:1.5px solid #ffffff1f;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:2.2rem 1.6rem 2rem;animation:.4s cubic-bezier(.175,.885,.32,1.25) notfoundPopIn;display:flex;position:relative;box-shadow:0 28px 70px #000000bf,0 10px 30px #e11d4838,inset 1px 1px 2px #ffffff26}@keyframes notfoundPopIn{0%{opacity:0;transform:scale(.9)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.notfound-brand-badge{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.35rem .85rem;display:inline-flex}.notfound-brand-logo{object-fit:contain;width:22px;height:22px}.notfound-brand-text{letter-spacing:.6px;color:#cbd5e1;text-transform:uppercase;font-size:.72rem;font-weight:850}.notfound-compass-pod{justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1.4rem;display:flex;position:relative}.notfound-compass-halo{border:1.5px solid #e11d4859;border-radius:50%;animation:3s cubic-bezier(.2,.8,.4,1) infinite notfoundHaloPulse;position:absolute;inset:-10px}.notfound-compass-halo.halo-2{border-color:#f59e0b40;animation-delay:1.4s;inset:-22px}@keyframes notfoundHaloPulse{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.3)}}.notfound-compass-circle{background:linear-gradient(135deg,#e11d4833 0%,#f59e0b29 100%);border:2px solid #f59e0b73;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;display:flex;box-shadow:0 0 28px #e11d4866,inset 1px 1px 3px #fff6}.notfound-compass-icon{color:#f59e0b;filter:drop-shadow(0 0 10px #f59e0bb3);font-size:2.5rem;animation:6s ease-in-out infinite alternate compassSway}@keyframes compassSway{0%{transform:rotate(-25deg)}50%{transform:rotate(15deg)}to{transform:rotate(-10deg)}}.notfound-code-badge{color:#fff;letter-spacing:.6px;background:#e11d48;border:1px solid #fff6;border-radius:999px;padding:.18rem .65rem;font-size:.65rem;font-weight:900;position:absolute;bottom:-6px;box-shadow:0 4px 12px #e11d4899}.notfound-title{letter-spacing:-.3px;background:linear-gradient(135deg,#fff 0%,#f1f5f9 50%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .5rem;font-size:1.55rem;font-weight:900}.notfound-subtitle{color:#94a3b8;max-width:380px;margin:0 0 1.6rem;font-size:.82rem;line-height:1.45}.notfound-actions-group{flex-direction:column;gap:.65rem;width:100%;margin-bottom:1.6rem;display:flex}.notfound-btn-primary{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%);border:1.5px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.95rem 1.4rem;font-size:.88rem;font-weight:900;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 25px #ef444473,inset 1px 1px 2px #ffffff80}.notfound-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ef44448c,inset 1px 1px 2px #ffffffb3}.notfound-btn-primary:active{transform:scale(.97)}.notfound-btn-secondary{color:#e2e8f0;letter-spacing:.4px;cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.85rem 1.4rem;font-size:.84rem;font-weight:800;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.notfound-btn-secondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d;transform:translateY(-1.5px)}.notfound-btn-secondary:active{transform:scale(.97)}.btn-icon{font-size:1.05rem}.notfound-shortcuts-box{box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:.6rem;width:100%;padding:.85rem 1rem;display:flex}.shortcuts-title{letter-spacing:.5px;color:#94a3b8;text-align:left;font-size:.68rem;font-weight:850}.shortcuts-pills-row{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.shortcut-pill{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.74rem;font-weight:750;text-decoration:none;transition:all .2s;display:inline-flex}.shortcut-pill:hover{color:#f87171;background:#ef444429;border-color:#ef444466;transform:translateY(-1px)}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:1000;justify-content:flex-end;width:100%;padding:1.5rem 2rem;display:flex;position:absolute;top:0;right:0}.login-main{flex:1;justify-content:center;align-items:center;height:100dvh;max-height:100dvh;padding:0;display:flex;position:relative;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}.spotlight-tour-overlay{pointer-events:none;z-index:999999;width:100%;height:100%;position:absolute;top:0;left:0}.spotlight-hole-ring{pointer-events:auto;border:2px solid #ff4b4b;transition:all .35s cubic-bezier(.16,1,.3,1);animation:2.4s ease-in-out infinite spotlightBorderPulse;position:absolute;box-shadow:0 0 0 9999px #0a0e17c7,0 0 24px #ff4b4b73,inset 0 0 12px #ff4b4b33}@keyframes spotlightBorderPulse{0%,to{border-color:#ff4b4b;box-shadow:0 0 0 9999px #0a0e17c7,0 0 20px #ff4b4b66}50%{border-color:#ffa4a4;box-shadow:0 0 0 9999px #0a0e17c7,0 0 32px #ff4b4ba6}}.spotlight-tooltip-card{pointer-events:auto;z-index:1000000;color:#0f172a;box-sizing:border-box;background:#fff;border-radius:20px;width:min(320px,100vw - 32px);padding:1.15rem 1.25rem;transition:top .3s cubic-bezier(.16,1,.3,1),left .3s cubic-bezier(.16,1,.3,1);position:absolute;box-shadow:0 24px 50px -10px #00000059,0 0 0 1px #0000000f}[data-theme=dark] .spotlight-tooltip-card{color:#fff;background:#181e29;border:1px solid #ffffff1f;box-shadow:0 24px 50px -10px #000000b3,0 0 0 1px #ffffff14}.tour-card-header{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.tour-step-badge{text-transform:uppercase;letter-spacing:.6px;color:#ba1215;background:#ba121514;border-radius:6px;padding:.2rem .55rem;font-size:.7rem;font-weight:800}[data-theme=dark] .tour-step-badge{color:#ffa4a4;background:#ff4b4b26}.tour-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.tour-close-btn:hover{color:#0f172a;background:#0000000d}[data-theme=dark] .tour-close-btn:hover{color:#fff;background:#ffffff1a}.tour-card-body{margin-bottom:1rem}.tour-card-title{color:inherit;align-items:center;gap:.4rem;margin:0 0 .4rem;font-size:1.05rem;font-weight:800;line-height:1.3;display:flex}.tour-card-desc{color:#475569;margin:0;font-size:.82rem;line-height:1.55}[data-theme=dark] .tour-card-desc{color:#cbd5e1}.tour-card-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}[data-theme=dark] .tour-card-footer{border-top-color:#ffffff14}.tour-dots-indicator{align-items:center;gap:5px;display:flex}.tour-dot{background:#cbd5e1;border-radius:50%;width:6px;height:6px;transition:all .25s}[data-theme=dark] .tour-dot{background:#fff3}.tour-dot.passed{background:#ef4444}.tour-dot.active{background:#ba1215;border-radius:999px;width:16px}[data-theme=dark] .tour-dot.active{background:#ff4b4b}.tour-btn-group{align-items:center;gap:.5rem;display:flex}.tour-skip-text-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem .6rem;font-size:.78rem;font-weight:600;transition:all .2s}.tour-skip-text-btn:hover{color:#0f172a;background:#0000000a}[data-theme=dark] .tour-skip-text-btn{color:#94a3b8}[data-theme=dark] .tour-skip-text-btn:hover{color:#fff;background:#ffffff0f}.tour-nav-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.tour-nav-btn.secondary{color:#334155;background:#0000000f;border:1px solid #0000000f;width:32px;height:32px;padding:0}[data-theme=dark] .tour-nav-btn.secondary{color:#e2e8f0;background:#ffffff14;border-color:#ffffff1a}.tour-nav-btn.secondary:hover{background:#0000001a}[data-theme=dark] .tour-nav-btn.secondary:hover{background:#ffffff29}.tour-nav-btn.primary{color:#fff;background:linear-gradient(135deg,#ba1215 0%,#ef4444 100%);border:none;box-shadow:0 4px 12px #ba12154d}.tour-nav-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ba121566}.tour-nav-btn.primary:active{transform:scale(.96)}