@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/plus-jakarta-sans-cyrillic-ext-wght-normal.4c28e6c8.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/plus-jakarta-sans-vietnamese-wght-normal.9ba5d91f.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/plus-jakarta-sans-latin-ext-wght-normal.a048183b.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/plus-jakarta-sans-latin-wght-normal.be6419ff.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/fraunces-vietnamese-wght-normal.9ea1ffad.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/fraunces-latin-ext-wght-normal.df252a37.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/fraunces-latin-wght-normal.7d78925e.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_next/static/media/fraunces-vietnamese-wght-italic.920361d2.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_next/static/media/fraunces-latin-ext-wght-italic.8070e975.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_next/static/media/fraunces-latin-wght-italic.0aa34dc0.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--bg:#04130f;--bg2:#04130f;--surface:rgba(9,38,31,.72);--solid:#0a241e;--fg:#e6fff5;--muted:#86b8a6;--line:rgba(100,255,190,.16);--line2:rgba(100,255,190,.28);--accent:#3dffb0;--accent2:#2ad4c8;--accent-fg:#022019;--accent-soft:rgba(61,255,176,.12);--bad:#ff8a93;--bad-soft:rgba(255,100,115,.14);--ok:#5be39a;--ok-soft:rgba(70,220,140,.14);--warn:#f5c86a;--warn-soft:rgba(245,200,106,.14);--grad:linear-gradient(90deg,#3dffb0,#2ad4c8);--judul:"Fraunces Variable",Georgia,"Times New Roman",serif;--teks:"Plus Jakarta Sans Variable",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--fg);font:15.5px/1.6 var(--teks);min-height:100vh;background:radial-gradient(900px 500px at 12% -10%,rgba(61,255,176,.12),transparent 60%),radial-gradient(800px 500px at 100% 0,rgba(42,212,200,.1),transparent 55%),linear-gradient(rgba(100,255,190,.045) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(100,255,190,.045) 1px,transparent 1px) 0 0/44px 44px,var(--bg);background-attachment:fixed}a{color:var(--accent)}p{margin:0}h1,h2,h3{margin:0;font-weight:600}h1{font-family:var(--judul);font-size:clamp(26px,5vw,38px);line-height:1.12;letter-spacing:-.01em}h2{font-size:18px}h3{font-size:16px}.muted{color:var(--muted);font-size:14px}.eyebrow{font:600 11.5px/1 var(--teks);letter-spacing:.14em;text-transform:uppercase}.eyebrow,em.warna{color:var(--accent)}em.warna{font-style:italic;font-family:var(--judul);font-weight:500}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.wrap{max-width:760px;margin:0 auto;padding:28px 16px 64px;display:flex;flex-direction:column;gap:16px;min-width:0}.wrap.wide{max-width:1040px}.card,.glass{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 40px rgba(0,0,0,.28)}.card:before,.glass:before{content:"";position:absolute;left:18px;right:18px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),#f5c86a,transparent);opacity:.55}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;min-width:0}label{font-size:13.5px;font-weight:600;color:#bff5de}input,select,textarea{width:100%;font:inherit;color:var(--fg);background:rgba(2,16,12,.65);border:1px solid var(--line);border-radius:12px;padding:11px 14px;min-height:46px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#4f7a6c}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(61,255,176,.18)}select option{background:#0a241e;color:var(--fg)}textarea{min-height:100px;resize:vertical}input[type=file]{padding:9px 12px;color:var(--muted)}input[type=file]::-webkit-file-upload-button{margin-right:12px;border:1px solid var(--line2);background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:6px 12px;font:inherit;font-weight:600;cursor:pointer}input[type=file]::file-selector-button{margin-right:12px;border:1px solid var(--line2);background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:6px 12px;font:inherit;font-weight:600;cursor:pointer}input[type=checkbox]{accent-color:var(--accent)}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px}.kolom-ikon{position:relative}.kolom-ikon>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}.kolom-ikon input{padding-left:44px}.kolom-ikon .mata{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:36px;width:36px;padding:0;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;border-radius:8px}.kolom-ikon .mata:hover{color:var(--fg)}.kolom-ikon .mata svg{width:18px;height:18px}.kolom-ikon.ada-mata input{padding-right:46px}.tab,button{font:inherit;font-weight:600;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--line2);background:rgba(14,50,41,.6);color:var(--fg);cursor:pointer;transition:transform .12s,box-shadow .15s,background .15s,border-color .15s}.tab:hover,button:hover{border-color:var(--accent);background:rgba(20,70,58,.7)}button.primary{background:var(--grad);border-color:transparent;color:var(--accent-fg);box-shadow:0 8px 28px rgba(61,255,176,.25)}button.primary:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(61,255,176,.38);background:var(--grad)}button.danger{color:var(--bad);border-color:rgba(255,138,147,.3)}button.danger:hover{border-color:var(--bad);background:var(--bad-soft)}button.small{min-height:34px;padding:0 12px;font-size:13.5px;border-radius:9px}button:disabled{opacity:.55;cursor:default;transform:none}.tab[aria-current=page],.tab[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.tabs{display:flex;flex-wrap:wrap;gap:6px}.btn-link,.tabs a.tab,a.tab{display:inline-flex;align-items:center;text-decoration:none}.btn-link{justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;background:linear-gradient(90deg,#1f9d57,#2ec27a);color:#04210f;font-weight:700;box-shadow:0 8px 24px rgba(46,194,122,.22)}.btn-link:hover{filter:brightness(1.08)}.inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.inline input{flex:1 1 140px;width:auto}form.sebaris{display:inline}.msg{font-size:14px;margin-top:10px;min-height:1em}.msg.bad{color:var(--bad)}.msg.ok{color:var(--ok)}.err{color:var(--bad);font-size:13px}.pill{display:inline-block;font:600 11.5px/1 var(--teks);letter-spacing:.04em;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.list{gap:14px}.list,.meet{display:flex;flex-direction:column}.meet{gap:12px}.meet header{flex-wrap:wrap;justify-content:space-between;align-items:baseline}.meet header,.sect{display:flex;gap:8px}.sect{border-top:1px solid var(--line);padding-top:12px;flex-direction:column}.sect .lbl{font:700 11px/1 var(--teks);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-start}.ann{white-space:pre-wrap;overflow-wrap:anywhere}.empty{color:var(--muted);padding:18px;text-align:center;border:1px dashed var(--line);border-radius:14px}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}th{font:700 11px/1 var(--teks);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:rgba(2,16,12,.5);white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:hover td{background:rgba(61,255,176,.04)}td input,td select{min-height:34px;padding:4px 10px;width:auto;max-width:100%;border-radius:9px}.num,td.num{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.stats{display:flex;flex-wrap:wrap;gap:10px}.stat{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:10px 16px;min-width:100px}.stat b{display:block;font:700 24px/1.2 var(--judul)}.stat span{font-size:12.5px;color:var(--muted)}.app{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sisi{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:16px;padding:20px 16px;background:rgba(3,14,11,.78);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-y:auto}.merek{display:flex;align-items:center;gap:10px;font:700 18px/1 var(--teks);letter-spacing:-.01em}.merek svg{width:26px;height:26px}.merek b,.merek svg{color:var(--accent)}.pengguna{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.avatar{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:var(--accent-fg);font-weight:800;font-size:17px}.pengguna b{display:block;font-size:14.5px;line-height:1.25;overflow-wrap:anywhere}.pengguna span{font-size:12.5px;color:var(--muted)}.menu-judul{font:700 11px/1 var(--teks);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 8px}.menu{display:flex;flex-direction:column;gap:4px}.menu a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#b5e8d2;text-decoration:none;font-weight:600;font-size:14.5px;border:1px solid transparent}.menu a svg{width:18px;height:18px;flex:none}.menu a:hover{background:rgba(61,255,176,.07);color:var(--fg)}.menu a[aria-current=page]{background:var(--accent-soft);border-color:rgba(61,255,176,.35);color:var(--accent)}.sisi-bawah{margin-top:auto;display:flex;flex-direction:column;gap:8px}.sisi-bawah button{width:100%}.isi{min-width:0;display:flex;flex-direction:column;min-height:100vh}.kepala{padding:26px 28px 6px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(61,255,176,.05),transparent)}.kepala h1{padding-bottom:14px}.kepala h1 small{font:500 14px var(--teks);color:var(--muted);margin-left:10px;letter-spacing:0}.konten{flex:1 1;padding:24px 28px 40px;display:flex;flex-direction:column;gap:16px;min-width:0;max-width:1100px;width:100%}.kaki{padding:16px 28px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.sambutan{display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg,rgba(14,80,64,.6),rgba(9,30,25,.7))}.sambutan h2{font:600 clamp(26px,4vw,36px)/1.1 var(--judul)}@media (max-width:860px){.app{grid-template-columns:1fr}.sisi{position:static;height:auto;flex-direction:column;gap:12px;padding:14px 14px 10px;border-right:0;border-bottom:1px solid var(--line)}.menu-judul,.pengguna{display:none}.menu{flex-direction:row;overflow-x:auto;padding-bottom:4px;gap:6px;scrollbar-width:thin}.menu a{white-space:nowrap;padding:9px 12px}.sisi-bawah{margin-top:0;flex-direction:row}.sisi-bawah button{width:auto}.kepala{padding:18px 16px 4px}.konten{padding:18px 16px 32px}.kaki{padding:14px 16px}}.masuk-halaman{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-gap:40px;gap:40px;align-items:center;max-width:1180px;margin:0 auto;padding:32px 24px}.hero{display:flex;flex-direction:column;gap:20px;position:relative}.hero .merek{margin-bottom:24px}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.04}.hero p{color:var(--muted);max-width:460px;font-size:16.5px}.orbit{position:relative;width:200px;height:200px;margin-top:20px}.orbit i{position:absolute;inset:0;border:1px dashed rgba(61,255,176,.3);border-radius:50%}.orbit i:nth-child(2){inset:30px;border-color:rgba(245,200,106,.3)}.orbit i:nth-child(3){inset:72px;border:1px solid var(--accent);background:rgba(61,255,176,.08)}.orbit span{position:absolute;left:50%;top:50%;width:0;height:0;animation:edar 14s linear infinite}.orbit span:after{content:"";position:absolute;left:-6px;top:-100px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.orbit span.b{animation-duration:22s;animation-direction:reverse}.orbit span.b:after{top:-70px;width:10px;height:10px;left:-5px;background:#f5c86a;box-shadow:0 0 12px #f5c86a}@keyframes edar{to{transform:rotate(1turn)}}.kartu-masuk{padding:30px}.kartu-masuk h2{font:600 26px/1.2 var(--teks);margin-bottom:4px}.kartu-masuk .muted{margin-bottom:22px;display:block}.kartu-masuk button.primary{width:100%;min-height:50px;font-size:16px}@media (max-width:860px){.masuk-halaman{grid-template-columns:1fr;gap:24px;padding:24px 16px}.hero .merek{margin-bottom:8px}.orbit{display:none}}.putar{display:inline-block;width:1em;height:1em;border:2px solid;border-right:2px solid transparent;border-radius:50%;vertical-align:-.15em;animation:putar .7s linear infinite}@keyframes putar{to{transform:rotate(1turn)}}.rangka{display:flex;flex-direction:column;gap:12px}.rangka i{display:block;border-radius:12px;background:linear-gradient(90deg,rgba(100,255,190,.08) 25%,rgba(100,255,190,.18) 50%,rgba(100,255,190,.08) 75%);background-size:200% 100%;animation:kilau 1.2s ease-in-out infinite}@keyframes kilau{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.putar,.rangka i{animation-duration:3s}.orbit span{animation:none}}.qrbox{background:#fff;border-radius:18px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 0 0 1px var(--line2),0 20px 60px rgba(61,255,176,.15)}.qrbox img{width:100%;max-width:480px;height:auto;image-rendering:pixelated;background:#fff}.qrbox .kode{font:700 clamp(28px,4vw,48px)/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;color:#04130f}.qrbox .petunjuk{color:#04130f;font-size:clamp(16px,2vw,22px);text-align:center}.tutup{background:var(--bad-soft);color:var(--bad);border:1px solid rgba(255,138,147,.3);border-radius:18px;padding:32px;text-align:center;font-size:clamp(20px,3vw,32px);font-weight:700}.layar{padding:16px 24px}.bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.bar select{width:auto;min-width:260px;flex:1 1 260px}.stage{display:grid;grid-template-columns:minmax(300px,520px) 1fr;grid-gap:28px;gap:28px;align-items:start}@media (max-width:820px){.stage{grid-template-columns:1fr}}.judul{font:600 clamp(22px,3vw,34px)/1.2 var(--judul)}.hitung{font:700 clamp(44px,7vw,92px)/1 var(--judul);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hitung small{font:500 .35em var(--teks);color:var(--muted);-webkit-text-fill-color:var(--muted)}.nama{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:8px;gap:8px;margin-top:16px}.nama div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:clamp(16px,1.8vw,22px);display:flex;justify-content:space-between;gap:12px}.nama div.baru{background:var(--ok-soft);border-color:var(--ok)}.nama span{color:var(--muted);font-size:.7em;white-space:nowrap;align-self:center}.memuat{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;color:var(--muted)}.memuat p{font-weight:600;letter-spacing:.06em;animation:denyut 1.6s ease-in-out infinite}.pemuat{position:relative;width:96px;height:96px;display:grid;place-items:center;color:var(--accent)}.pemuat svg{width:34px;height:34px;filter:drop-shadow(0 0 10px rgba(61,255,176,.7));animation:denyut 1.6s ease-in-out infinite}.pemuat .cincin{position:absolute;inset:0;border-radius:50%;border-left:3px solid rgba(61,255,176,.12);border-bottom:3px solid rgba(61,255,176,.12);border-top:3px solid rgba(61,255,176,.12);border-top-color:var(--accent);border-right:3px solid rgba(61,255,176,.12);border-right-color:var(--accent2);animation:putar 1s linear infinite;box-shadow:0 0 24px rgba(61,255,176,.25)}.pemuat .cincin.dalam{inset:14px;border-width:2px;border-top-color:#f5c86a;border-right-color:transparent;animation-duration:1.6s;animation-direction:reverse;box-shadow:none}@keyframes denyut{50%{opacity:.45}}.bilah-muat{position:fixed;left:0;top:0;height:3px;z-index:100;background:var(--grad);box-shadow:0 0 12px var(--accent);transition:width .2s ease,opacity .25s ease;pointer-events:none}@media (prefers-reduced-motion:reduce){.pemuat .cincin{animation-duration:3s}}.layar-awal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--bg);opacity:1;transition:opacity .4s ease,visibility 0s linear 0s;animation:aman 0s linear 8s forwards}.layar-awal.hilang{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility 0s linear .4s}@keyframes aman{to{opacity:0;visibility:hidden;pointer-events:none}}.btn-link svg{width:20px;height:20px;flex:none}.rk{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.rk-ring{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;flex:none;position:relative;background:conic-gradient(var(--accent) calc(var(--p)*1%),rgba(100,255,190,.12) 0)}.rk-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#06201a}.rk-ring b{position:relative;font:600 22px/1 var(--judul)}.rk h2{font:600 clamp(22px,3vw,28px)/1.15 var(--judul)}.rk-stat{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.rk-stat div{min-width:110px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(2,16,12,.4)}.rk-stat b{display:block;font:600 22px/1.2 var(--judul)}.rk-stat span{font-size:12.5px;color:var(--muted)}.rk .btn-link{margin-top:12px}.tl{position:relative;display:flex;flex-direction:column;gap:16px;padding-left:44px}.tl:before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;border-radius:2px;background:linear-gradient(var(--accent),rgba(100,255,190,.1))}.tl-item{position:relative;animation:masuk .4s ease both}@keyframes masuk{0%{opacity:0;transform:translateY(8px)}}.tl-node{position:absolute;left:-44px;top:20px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:2px solid var(--line2);color:var(--muted);font:700 13px var(--teks)}.tl-node svg{width:16px;height:16px}.tl-item.hadir .tl-node{background:var(--grad);border-color:transparent;color:#022019}.tl-item.terlewat .tl-node{border-color:var(--warn);color:var(--warn)}.tl-item.hari-ini .tl-node{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 6px rgba(61,255,176,.14),0 0 22px rgba(61,255,176,.55);animation:denyut-node 2s ease-in-out infinite}@keyframes denyut-node{50%{box-shadow:0 0 0 10px rgba(61,255,176,.05),0 0 30px rgba(61,255,176,.7)}}.tl-item.akan .tl-kartu{opacity:.78}.tl-kartu{display:grid;grid-template-columns:64px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.tl-tgl{border:1px solid var(--line2);border-radius:14px;text-align:center;padding:8px 0;background:rgba(2,16,12,.5)}.tl-tgl b{display:block;font:600 26px/1 var(--judul)}.tl-tgl span{font:700 10.5px/1 var(--teks);letter-spacing:.14em;color:var(--accent)}.tl-item.hari-ini .tl-tgl{background:var(--grad);border-color:transparent}.tl-item.hari-ini .tl-tgl b,.tl-item.hari-ini .tl-tgl span{color:#022019}.tl-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px}.tl-meta span{display:inline-flex;gap:6px;align-items:center;font-size:13.5px;color:var(--muted)}.tl-meta svg{width:15px;height:15px}.tl-step{margin-top:14px}.tl-step,.tl-step .s{display:flex;align-items:center}.tl-step .s{gap:8px;font-size:13px;font-weight:600;color:var(--muted)}.tl-step .s i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line2)}.tl-step .s i svg{width:14px;height:14px}.tl-step .s.ok{color:var(--ok)}.tl-step .s.ok i{background:var(--ok-soft);border-color:var(--ok)}.tl-step .s.now{color:var(--accent)}.tl-step .s.now i{border-color:var(--accent);box-shadow:0 0 12px rgba(61,255,176,.4)}.tl-step .g{flex:1 1;height:2px;min-width:14px;margin:0 8px;background:var(--line2);border-radius:2px}.tl-step .g.ok{background:var(--ok)}.tl-aksi{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.tl-aksi .lbl{font:700 11px/1 var(--teks);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:8px}@media(max-width:560px){.tl{padding-left:40px}.tl-node{left:-40px}.tl-kartu{grid-template-columns:1fr}.tl-tgl{display:flex;gap:8px;justify-content:center;align-items:baseline;width:max-content;padding:6px 14px}.tl-step .s span{display:none}}@media (prefers-reduced-motion:reduce){.tl-item,.tl-item.hari-ini .tl-node{animation:none}}.inline input[type=file]{min-width:0}@media(max-width:560px){.inline input[type=file]{flex:1 1 100%;width:100%;max-width:100%}.inline{min-width:0}}