:root{--c-bg:#0c1222;--c-panel:#111a2e;--c-raised:#182240;--c-brand:#34d399;--c-fg:#f1f5f9;--c-fg2:#94a3b8;--c-fg3:#64748b;--c-border:#ffffff0f;--t-xs:11px;--t-sm:12px;--t-base:14px;--t-md:15px;--t-lg:17px;--t-xl:20px;--t-2xl:24px;--t-3xl:32px;--lh-tight:1.2;--lh-snug:1.35;--lh-normal:1.5;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background-color:var(--c-bg);color:var(--c-fg);font-family:Times New Roman,Times,serif;font-size:var(--t-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);-webkit-tap-highlight-color:transparent;background-image:linear-gradient(#0c1222d1 0%,#0c1222f7 60%,#0c1222 100%),url(https://download.tarvox.web.id/baner.jpeg);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100dvh}*{font-family:inherit}.font-mono,[class*=mono],input[type=time]{font-family:JetBrains Mono,monospace!important}.material-symbols-outlined{letter-spacing:normal;user-select:none;align-items:center;font-style:normal;font-weight:400;line-height:1;display:inline-flex;font-family:Material Symbols Outlined!important}.page-title{font-size:var(--t-xl);font-weight:var(--fw-bold);color:var(--c-fg);letter-spacing:-.025em;line-height:var(--lh-tight)}.page-subtitle{font-size:var(--t-xs);font-weight:var(--fw-medium);color:var(--c-fg3);letter-spacing:.01em;line-height:var(--lh-normal);margin-top:3px}.section-label{font-size:var(--t-xs);font-weight:var(--fw-semibold);letter-spacing:.09em;text-transform:uppercase;color:var(--c-fg3);line-height:var(--lh-tight);display:block}.value-xl{font-family:Times New Roman,Times,serif;font-size:var(--t-3xl);font-weight:var(--fw-bold);color:var(--c-fg);letter-spacing:-.03em;line-height:1}.value-lg{font-family:Times New Roman,Times,serif;font-size:var(--t-2xl);font-weight:var(--fw-bold);color:var(--c-fg);letter-spacing:-.025em;line-height:1}.body-sm{font-size:var(--t-sm);color:var(--c-fg3);line-height:var(--lh-normal)}.badge{font-size:10px;font-weight:var(--fw-bold);letter-spacing:.07em;text-transform:uppercase;border-radius:20px;align-items:center;padding:2px 8px;line-height:1.6;display:inline-flex}.badge-green{color:var(--c-brand);background:#34d3991f;border:1px solid #34d39938}.badge-blue{color:#7dd3fc;background:#7dd3fc1f;border:1px solid #7dd3fc38}.badge-red{color:#ff6b6b;background:#ff6b6b1f;border:1px solid #ff6b6b38}.card{-webkit-backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--c-border);background:#111a2ed9;border-radius:20px;padding:20px;transition:border-color .2s}.card-divider{background:#ffffff0d;height:1px;margin:0 -20px}.pulse-dot{animation:2.5s cubic-bezier(.4,0,.6,1) infinite pulse-ring}@keyframes pulse-ring{0%,to{box-shadow:0 0 #34d39980}50%{box-shadow:0 0 0 5px #34d39900}}.spinner{border:2.5px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fading-bars{justify-content:space-between;width:80px;margin:0 auto;display:flex}.fading-bars .bar{background-color:var(--c-brand);border-radius:4px;width:10px;height:40px;animation:1s infinite fadeBars}.fading-bars .bar:first-child{animation-delay:0s}.fading-bars .bar:nth-child(2){animation-delay:.2s}.fading-bars .bar:nth-child(3){animation-delay:.4s}.fading-bars .bar:nth-child(4){animation-delay:.6s}.fading-bars .bar:nth-child(5){animation-delay:.8s}@keyframes fadeBars{0%,to{opacity:0}50%{opacity:1}}.nav-link{height:100%;color:var(--c-fg3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding-top:6px;text-decoration:none;transition:color .18s;display:flex;position:relative}.nav-link:hover{color:var(--c-fg2)}.nav-link.active{color:var(--c-brand)}.nav-link.active:before{content:"";background:var(--c-brand);border-radius:0 0 3px 3px;width:20px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav-icon{font-size:22px;line-height:1}.nav-label{font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.03em;line-height:1}