@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap";:root{--c-accent:#2783de;--c-accent2:#2bc0c4;--c-base:#1b5fa8;--c-gold:#e2a63b;--c-ink:#1f2a37;--c-muted:#7d7a75;--c-light:#7fc2f2;--c-auth1:#0e2a47;--c-auth2:#123a60;--font:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-display:"Sora", "Plus Jakarta Sans", sans-serif;--grad-accent:linear-gradient(135deg, var(--c-accent) 0%, var(--c-accent2) 100%);--grad-auth:linear-gradient(160deg, var(--c-auth1) 0%, var(--c-auth2) 100%);--radius:14px;--radius-sm:10px;--gap-blok:18px;--shadow-sm:0 2px 8px #102a4714;--shadow-md:0 10px 30px #102a471f;--shadow-lg:0 20px 50px #102a4733;--ring:0 0 0 3px #2783de2e}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--c-ink);-webkit-font-smoothing:antialiased;background:#eef4fb;margin:0}h1,h2,h3,.brand-name{font-family:var(--font-display);letter-spacing:-.02em}.app-bg,main{background-color:#eef4fb;background-image:radial-gradient(circle at 1px 1px,#2783de1a 1px,#0000 0);background-size:22px 22px}.page{max-width:1080px;margin:0 auto;padding:28px 32px 48px;animation:.4s both fadeUp}.page--wide{max-width:1320px}.page h1{font-size:26px;font-weight:800}.page>p{color:var(--c-muted)}.page>*+*{margin-top:var(--gap-blok)}.page>h1+p{margin-top:4px}.stack>*+*{margin-top:var(--gap-blok)}.card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #102a4712;padding:20px;transition:box-shadow .2s,transform .2s;animation:.45s both fadeUp}.card:hover{box-shadow:var(--shadow-md)}.card h3,.card h4{margin-top:0}button,.btn{font:inherit;border-radius:var(--radius-sm);color:#fff;background:var(--grad-accent);cursor:pointer;box-shadow:var(--shadow-sm);border:none;padding:10px 18px;font-weight:600;transition:transform .12s,box-shadow .2s,opacity .2s}button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{color:var(--c-base);box-shadow:none;background:#fff;border:1px solid #1b5fa84d}.btn-ghost:hover:not(:disabled){background:#2783de0f}label{color:var(--c-ink);margin-bottom:6px;font-size:13px;font-weight:600;display:block}input,select,textarea{width:100%;font:inherit;border-radius:var(--radius-sm);color:var(--c-ink);background:#fff;border:1px solid #102a4729;padding:10px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--c-accent);box-shadow:var(--ring);outline:none}input:disabled,select:disabled,textarea:disabled{color:#556;cursor:not-allowed;background:#f3f6fa}textarea{resize:vertical}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.sumber-row{grid-template-columns:2fr .8fr 1.4fr;gap:10px;margin-bottom:8px;display:grid}@media (width<=760px){.grid2,.grid3,.sumber-row,.info-row{grid-template-columns:1fr}.page{padding:20px 16px 40px}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.page-header-teks{flex:340px;min-width:0}.page-header h1{margin:0 0 4px}.page-header p{color:var(--c-muted);max-width:78ch;margin:0}.page-header-aksi{flex-shrink:0;align-items:center;gap:10px;padding-top:4px;display:flex}.filter-chips{flex-wrap:wrap;gap:10px;display:flex}.opt-count{font-variant-numeric:tabular-nums;color:var(--c-muted);background:#102a4712;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:11.5px;font-weight:700}.opt.active .opt-count{color:var(--c-base);background:#2783de26}.table-card{padding:0;overflow:hidden}.table-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;display:flex}.table-card-head h3{margin:0}.table-card-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.table-card-toolbar input,.table-card-toolbar select{width:auto;min-width:170px;max-width:260px}@media (width<=620px){.table-card-toolbar{width:100%}.table-card-toolbar input,.table-card-toolbar select{flex:100%;max-width:none}}.table-scroll{overflow-x:auto}.table-card-head+.table-scroll .tbl thead th{border-top:1px solid #102a4712}.tbl-kosong{text-align:center;color:var(--c-muted);padding:30px 20px;font-size:14px}.empty-state{text-align:center;padding:44px 24px}.empty-state .empty-ico{margin-bottom:10px;font-size:40px;line-height:1}.empty-state h3{margin:0 0 6px}.empty-state p{color:var(--c-muted);max-width:46ch;margin:0 auto}.spinner-biru{border-color:#2783de40;border-top-color:var(--c-accent)}.info-row{grid-template-columns:2fr 1fr;align-items:start;gap:16px;margin-bottom:16px;display:grid}.badge{border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.badge-wait{color:#a5760a;background:#fdf3d9}.badge-ok{color:#1a8a4b;background:#dff5e5}.badge-no{color:#c23a2b;background:#fde3e0}.alert-ok,.alert-err,.alert-warn{border-radius:var(--radius-sm);border-left:4px solid;margin:12px 0;padding:12px 14px;font-size:14px;animation:.3s both slideIn}.alert-ok{color:#1a7a44;background:#eafaf0;border-color:#2eb872}.alert-err{color:#b3382b;background:#fdecea;border-color:#e0503f}.alert-warn{color:#8a5300;background:#fff6e5;border-color:#f0a202}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl thead th{text-align:left;color:var(--c-base);text-transform:uppercase;letter-spacing:.04em;background:#f5f9fe;padding:12px 16px;font-size:12px}.tbl tbody td{border-top:1px solid #102a4712;padding:12px 16px}.tbl tbody tr{transition:background .15s}.tbl tbody tr:hover{background:#2783de0d}.langkah{border-left:5px solid var(--nada);background:var(--nada-bg);align-items:flex-start;gap:16px;display:flex}.langkah-ico{flex-shrink:0;font-size:28px;line-height:1.1}.langkah-teks{flex:320px;min-width:0}.langkah-eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--nada);font-size:11px;font-weight:800}.langkah-judul{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:5px 0 0;font-size:19px;font-weight:800}.langkah-desc{color:#4d5867;max-width:62ch;margin:7px 0 0;line-height:1.6}.langkah-aksi{flex-shrink:0;align-self:center}.langkah-aksi button{white-space:nowrap}@media (width<=700px){.langkah{flex-wrap:wrap}.langkah-aksi,.langkah-aksi button{width:100%}}.perjalanan-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.perjalanan-head h3{margin:0}.perjalanan-persen{font-family:var(--font-display);color:var(--c-accent);font-variant-numeric:tabular-nums;font-weight:800}.perjalanan-bar{background:#e8edf3;border-radius:99px;height:6px;margin:12px 0 22px;overflow:hidden}.perjalanan-isi{background:var(--grad-accent);border-radius:99px;height:100%;transition:width .6s}.perjalanan-langkah{align-items:flex-start;display:flex;position:relative}.perjalanan-step{text-align:center;flex:1;min-width:0;position:relative}.perjalanan-garis{z-index:0;background:#e3e8ef;width:100%;height:3px;position:absolute;top:21px;left:-50%}.perjalanan-step.lewat .perjalanan-garis,.perjalanan-step.kini .perjalanan-garis{background:var(--c-accent)}.perjalanan-bulat{z-index:1;background:#f1f4f8;border:2px solid #e3e8ef;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto;font-size:20px;display:flex;position:relative}.perjalanan-step.lewat .perjalanan-bulat{background:#e3f7ec;border-color:#2eb872}.perjalanan-step.kini .perjalanan-bulat{border-color:var(--c-accent);background:#eaf3ff}.perjalanan-lbl{color:#8a93a0;margin-top:8px;font-size:13px;font-weight:500;line-height:1.35}.perjalanan-step.lewat .perjalanan-lbl{color:#2eb872}.perjalanan-step.kini .perjalanan-lbl{color:var(--c-base);font-weight:700}@media (width<=620px){.perjalanan-bulat{width:36px;height:36px;font-size:16px}.perjalanan-garis{top:17px}.perjalanan-lbl{font-size:11px}}.jadwal-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.jadwal-head h3{margin:0}.jadwal-kartu{background:#fbfcfe;border:1px solid #e6e8ec;border-radius:14px;padding:14px 16px}.jadwal-kartu-atas{justify-content:space-between;align-items:center;gap:8px;display:flex}.jadwal-kartu-nama{margin-top:8px;font-weight:700}.jadwal-kartu-tgl{color:#8a93a0;font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px}.antrian-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:14px;display:grid}.antrian-kartu{text-align:left;font:inherit;cursor:pointer;border-radius:var(--radius-sm);color:var(--c-ink);box-shadow:none;background:#f7fafd;border:1px solid #e3e9f1;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;transition:border-color .15s,background .15s,transform .15s;display:flex}.antrian-kartu:hover:not(:disabled){box-shadow:var(--shadow-sm);background:#fff;border-color:#b9cde4;transform:translateY(-2px)}.antrian-kartu:focus-visible{box-shadow:var(--ring);outline:none}.antrian-kartu.ada{background:#fffaf0;border-color:#ecd9ab}.antrian-angka{font-family:var(--font-display);color:#98a4b3;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1.05}.antrian-kartu.ada .antrian-angka{color:#b77a12}.antrian-label{margin-top:4px;font-size:13.5px;font-weight:700}.antrian-total{color:var(--c-muted);font-size:11.5px}.sebaran{flex-direction:column;gap:10px;margin-top:14px;display:flex}.sebaran-baris{align-items:center;gap:10px;font-size:14px;display:flex}.sebaran-titik{border-radius:3px;flex-shrink:0;width:11px;height:11px}.sebaran-label{color:#48566a;flex:1}.sebaran-nilai{font-variant-numeric:tabular-nums}.chart-row{grid-template-columns:1.2fr 1fr;align-items:start;gap:18px;display:grid}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.stat-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #102a470f;padding:18px 20px;animation:.45s both fadeUp;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--grad-accent);opacity:.1;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.stat-num{color:var(--c-base);font-size:30px;font-weight:800;font-family:var(--font-display)}.stat-label{color:var(--c-muted);font-size:13px}.stepper{align-items:flex-start;gap:0;margin:8px 0 4px;display:flex}.step{text-align:center;flex:1;position:relative}.step .dot{color:#8aa0b6;background:#e6edf5;border:2px solid #e6edf5;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin:0 auto 8px;font-weight:700;transition:all .3s;display:flex}.step .lbl{color:var(--c-muted);font-size:12px}.step:before{content:"";z-index:-1;background:#e6edf5;width:100%;height:3px;position:absolute;top:17px;left:-50%}.step:first-child:before{display:none}.step.done .dot{background:var(--grad-accent);color:#fff;border-color:#0000}.step.done:before{background:var(--c-accent2)}.step.current .dot{border-color:var(--c-accent);color:var(--c-accent);background:#fff;animation:1.6s infinite pulse}.step.current .lbl{color:var(--c-accent);font-weight:700}.spinner{vertical-align:-3px;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.success-overlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e2a4773;justify-content:center;align-items:center;animation:.25s both fadeIn;display:flex;position:fixed;inset:0}.success-box{text-align:center;box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;padding:32px 40px;animation:.4s cubic-bezier(.2,1.3,.4,1) both pop}.success-box h3{margin:14px 0 4px}.success-box p{color:var(--c-muted);margin:0}.check-circle{background:var(--grad-accent);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto;display:flex}.check-circle svg{width:40px;height:40px}.check-circle path{stroke:#fff;stroke-width:5px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60px;animation:.5s .15s forwards drawCheck}.notif-box{width:min(90vw,340px);padding:26px 28px}.notif-text{color:var(--c-ink);margin:14px 0 0;font-weight:600}.welcome-overlay{--t:1;z-index:300;cursor:pointer;background:linear-gradient(160deg, var(--c-auth1) 0%, var(--c-auth2) 100%);justify-content:center;align-items:center;animation:.45s both fadeIn;display:flex;position:fixed;inset:0}.welcome-glow{background:radial-gradient(circle,#2bc0c447 0%,#2783de24 45%,#0000 70%);border-radius:50%;width:720px;height:720px;animation:4.5s ease-in-out infinite glowPulse;position:absolute}.welcome-inner{text-align:center;color:#fff;font-family:var(--font-display);padding:24px;animation:7s ease-in-out infinite floatSoft;position:relative}.welcome-cap{aspect-ratio:1;width:clamp(120px,20vw,160px);animation:2.6s ease-in-out infinite capGlow;animation-delay:calc(1.6s * var(--t));margin:0 auto 30px;position:relative}.welcome-cap:before{content:"";opacity:0;animation:2.6s ease-in-out infinite capHalo;animation-delay:calc(1.6s * var(--t));background:radial-gradient(circle,#7fc2f28c 0%,#2bc0c438 45%,#0000 72%);border-radius:50%;position:absolute;inset:-34%}.welcome-cap svg{width:100%;height:100%;position:relative}.welcome-cap path{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220px;animation:drawCap calc(1.4s * var(--t)) ease forwards}.welcome-cap .cap-b{animation-delay:calc(.6s * var(--t))}.welcome-cap .cap-c{animation-delay:calc(1.1s * var(--t))}.welcome-hi{font-family:var(--font);letter-spacing:.14em;text-transform:uppercase;opacity:0;color:#ffffffb3;animation:riseIn .8s calc(1.3s * var(--t)) ease forwards;font-size:15px}.welcome-name{opacity:0;animation:riseIn 1s calc(1.6s * var(--t)) cubic-bezier(.2,.9,.3,1) forwards;margin-top:6px;font-size:clamp(28px,5vw,44px);font-weight:800}.welcome-role{font-family:var(--font);letter-spacing:.04em;opacity:0;animation:riseIn .8s calc(2.15s * var(--t)) ease forwards;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;margin-top:12px;padding:6px 18px;font-size:13px;font-weight:600;display:inline-block}.welcome-quote{opacity:0;max-width:480px;animation:riseIn 1.1s calc(3.1s * var(--t)) ease forwards;margin:34px auto 0;padding:0 12px;position:relative}.welcome-quote-mark{color:#ffffff29;font-size:56px;line-height:1;font-family:var(--font-display);position:absolute;top:-26px;left:50%;transform:translate(-50%)}.welcome-quote blockquote{font-family:var(--font);color:#ffffffe0;margin:0;font-size:15px;font-style:italic;line-height:1.75}.welcome-quote figcaption{font-family:var(--font);letter-spacing:.06em;color:#ffffff80;margin-top:10px;font-size:12px}.welcome-pesan{max-width:420px;font-family:var(--font);color:#ffffffbf;opacity:0;animation:riseIn .9s calc(3.1s * var(--t)) ease forwards;margin:18px auto 0;font-size:14px;line-height:1.7}.welcome-brand{font-family:var(--font);letter-spacing:.22em;color:#ffffff73;opacity:0;animation:riseIn .9s calc(4.4s * var(--t)) ease forwards;margin-top:34px;font-size:12px}.welcome-bar{background:#ffffff24;border-radius:2px;width:190px;height:2px;margin:18px auto 0;overflow:hidden}.welcome-bar span{transform-origin:0;background:var(--grad-accent);width:100%;height:100%;animation:linear forwards barFill;display:block}@keyframes drawCap{to{stroke-dashoffset:0}}@keyframes glowPulse{0%,to{opacity:.75;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes barFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes floatSoft{0%,to{transform:translateY(-5px)}50%{transform:translateY(5px)}}@keyframes capGlow{0%,to{filter:drop-shadow(0 0 4px #7fc2f259)}50%{filter:drop-shadow(0 0 18px #7fc2f2f2)drop-shadow(0 0 34px #2bc0c480)}}@keyframes capHalo{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:.85;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.welcome-cap path,.welcome-hi,.welcome-name,.welcome-role,.welcome-quote,.welcome-pesan,.welcome-brand{opacity:1;stroke-dashoffset:0;animation-duration:.01ms;animation-delay:0s;transform:none}.welcome-glow,.welcome-inner,.welcome-cap,.welcome-cap:before{animation:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes pulse{0%,to{box-shadow:0 0 #2783de59}50%{box-shadow:0 0 0 8px #2783de00}}@keyframes floatY{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-16px) rotate(var(--r,0deg))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.loadlogin{z-index:400;background:linear-gradient(160deg, var(--c-auth1) 0%, var(--c-auth2) 100%);justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.loadlogin.keluar{opacity:0;visibility:hidden}.loadlogin-inner{text-align:center;color:#fff;-webkit-font-smoothing:antialiased;width:min(88vw,340px);padding:24px}.loadlogin-cap{width:84px;margin:0 auto 20px;animation:2.2s ease-in-out infinite capGlow}.loadlogin-cap svg{width:100%;height:auto}.loadlogin-cap path{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.loadlogin-brand{font-family:var(--font-display);letter-spacing:.06em;font-size:22px;font-weight:800}.loadlogin-sub{color:#fff9;margin-top:6px;font-size:11.5px;line-height:1.5}.loadlogin-track{background:#ffffff24;border-radius:4px;height:4px;margin-top:26px;overflow:hidden}.loadlogin-fill{background:var(--grad-accent);border-radius:4px;height:100%;transition:width 80ms linear;box-shadow:0 0 12px #2bc0c499}.loadlogin-persen{color:#fff9;letter-spacing:.04em;justify-content:space-between;align-items:baseline;margin-top:10px;font-size:12px;display:flex}.loadlogin-angka{font-family:var(--font-display);color:var(--c-light);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}@media (prefers-reduced-motion:reduce){.loadlogin-cap{animation:none}}.shell{min-height:100vh;display:flex}.sidebar{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#0e2a47 0%,#123a60 100%);flex-direction:column;flex-shrink:0;width:252px;padding:20px 14px;display:flex}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.shell-content{background:radial-gradient(circle at 1px 1px,#2783de14 1px,#0000 0) 0 0/22px 22px,linear-gradient(135deg,#eef4fb 0%,#eafaf7 100%);flex:1;min-width:0;overflow-y:auto}.brand{align-items:center;gap:12px;padding:4px 4px 18px;display:flex}.brand-logo{flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.3px;font-size:21px;font-weight:800;line-height:1}.brand-accent{background:linear-gradient(90deg,#7fc2f2,#2bc0c4);color:#0000;-webkit-background-clip:text;background-clip:text}.brand-sub{color:#ffffff9e;letter-spacing:.01em;margin-top:5px;font-size:10.5px;line-height:1.4}.nav{flex-direction:column;flex:1;gap:3px;margin-top:8px;display:flex}.nav-item{color:#fffc;letter-spacing:.005em;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:14.5px;font-weight:600;line-height:1.35;text-decoration:none;transition:background .16s,color .16s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{color:#fff;background:linear-gradient(90deg,#7fc2f233,#2bc0c41a);font-weight:700}.nav-item.active:before{content:"";background:var(--grad-accent);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-ico{color:#ffffff9e;flex-shrink:0;justify-content:center;align-items:center;width:20px;transition:color .16s;display:flex}.nav-item:hover .nav-ico{color:#ffffffd9}.nav-item.active .nav-ico{color:var(--c-light)}.nav-item.nav-alur{gap:8px}.nav-num{text-align:center;font-variant-numeric:tabular-nums;color:#ffffff6b;flex-shrink:0;width:13px;font-size:11px;font-weight:700;transition:color .16s}.nav-tanda{text-align:center;flex-shrink:0;width:15px;font-size:12px;line-height:1}.nav-lbl{flex:1;min-width:0}.nav-antrian{font-variant-numeric:tabular-nums;background:var(--c-gold);color:#2b1d05;border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:10.5px;font-weight:800}.nav-item.tahap-selesai{color:#ffffff94}.nav-item.tahap-selesai .nav-tanda{color:#5fd9a0}.nav-item.tahap-terkunci{color:#ffffff5c}.nav-item.tahap-terkunci .nav-tanda{opacity:.75}.nav-item.tahap-berjalan{color:#fff}.nav-item.tahap-berjalan .nav-num{color:var(--c-light)}.nav-item.tahap-berjalan .nav-tanda{color:var(--c-accent2)}.nav-item.active{color:#fff}.nav-item.active .nav-num{color:var(--c-light)}.nav-item:hover{color:#fff}.nav-item:hover .nav-num{color:#ffffffbf}.nav-section{flex-direction:column;gap:3px;margin-bottom:10px;display:flex}.nav-section-title{text-transform:uppercase;letter-spacing:.13em;color:#ffffff85;padding:16px 12px 6px;font-size:11px;font-weight:700}.user-box{border-top:1px solid #ffffff1f;margin-top:12px;padding-top:14px}.user-name{letter-spacing:.005em;font-size:14px;font-weight:700;line-height:1.35}.user-sub{color:#cfe9fc;letter-spacing:.02em;margin:3px 0 11px;font-size:12px;font-weight:600;line-height:1.4}.logout-btn{color:#fff;cursor:pointer;width:100%;box-shadow:none;background:#ffffff0f;border:1px solid #ffffff40;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600}.logout-btn:hover{box-shadow:none;background:#ffffff1f;transform:none}.topbar,.backdrop,.hamburger{display:none}@media (width<=860px){.topbar{z-index:40;color:#fff;background:linear-gradient(90deg,#0e2a47,#123a60);align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.topbar .tb-name{font-family:var(--font-display);font-size:17px;font-weight:800}.topbar .tb-accent{background:linear-gradient(90deg,#7fc2f2,#2bc0c4);color:#0000;-webkit-background-clip:text;background-clip:text}.hamburger{color:#fff;width:40px;height:40px;box-shadow:none;background:#ffffff1a;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.hamburger:hover{box-shadow:none;transform:none}.sidebar{z-index:50;width:268px;transition:transform .28s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:6px 0 30px #00000059}.sidebar.open{transform:translate(0)}.backdrop.show{z-index:45;background:#06122080;display:block;position:fixed;inset:0}}@media (width<=760px){.card{overflow-x:auto!important}.tbl{font-size:13px}.tbl thead th,.tbl tbody td{padding:10px 12px}.stat-num{font-size:24px}.page h1{font-size:22px}}@media (width<=860px){.chart-row{grid-template-columns:1fr!important}}@media (width<=820px){.auth-wrap{grid-template-columns:1fr!important}.auth-info{padding:32px 24px!important}.auth-form{padding:8px 20px 44px!important}}@media (width<=520px){.auth-info{display:none!important}}.field-lbl{color:#1f2a37;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.req-card{background:#fbfcfe;border:1px solid #e6e8ec;border-radius:14px;margin-top:12px;padding:16px 18px}.req-title{color:#1f2a37;font-size:15px;font-weight:700}.req-star{color:#e0503f;font-weight:700}.req-desc{color:#7d7a75;margin:6px 0 12px;font-size:13px;font-style:italic;line-height:1.5}.req-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.file-btn{cursor:pointer;color:#2783de;box-shadow:none;background:#fff;border:1px dashed #9bb7d4;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.file-btn:hover{background:#f0f7ff;border-color:#2783de;transform:none}.file-btn.disabled{opacity:.5;cursor:not-allowed}.file-name{color:#1f2a37;word-break:break-all;font-size:13px;font-weight:600}.file-link{color:#2eb872;font-size:13px;font-weight:600;text-decoration:none}.file-hint{color:#9aa0a6;font-size:12px}.send-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a18288c;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.send-box{text-align:center;background:#fff;border-radius:20px;width:min(92vw,380px);margin:auto;padding:34px 28px;animation:.28s pop;box-shadow:0 24px 60px #0000004d}.send-title{font-family:var(--font-display);margin:14px 0 4px}.send-sub{color:#7d7a75;margin:0;font-size:14px;line-height:1.5}.plane-scene{color:#2783de;justify-content:center;align-items:center;height:64px;display:flex;position:relative;overflow:hidden}.plane{animation:1.4s ease-in-out infinite planeFly}.plane-trail{background:linear-gradient(90deg,#0000,#2783de80);border-radius:2px;width:40%;height:2px;animation:1.4s ease-in-out infinite trailPulse;position:absolute;top:50%;left:18%}.send-dots{justify-content:center;gap:6px;margin-top:16px;display:flex}.send-dots span{opacity:.4;background:#2bc0c4;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite dotBounce}.send-dots span:nth-child(2){animation-delay:.15s}.send-dots span:nth-child(3){animation-delay:.3s}.send-check{justify-content:center;display:flex}.sc-ring{stroke:#2eb872;stroke-dasharray:214;stroke-dashoffset:214px;animation:.6s forwards scRing}.sc-tick{stroke:#2eb872;stroke-dasharray:60;stroke-dashoffset:60px;animation:.4s .5s forwards scTick}@keyframes planeFly{0%{transform:translate(-8px,4px)rotate(0)}50%{transform:translate(8px,-6px)rotate(-8deg)}to{transform:translate(-8px,4px)rotate(0)}}@keyframes trailPulse{0%,to{opacity:.2}50%{opacity:.8}}@keyframes dotBounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}@keyframes scRing{to{stroke-dashoffset:0}}@keyframes scTick{to{stroke-dashoffset:0}}.berkas-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:6px;display:grid}.berkas-item{background:#fff;border:1px solid #e6e8ec;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.berkas-ico{color:#2783de;background:#eaf3ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.berkas-meta{flex:1;min-width:0}.berkas-label{color:#1f2a37;font-size:13px;font-weight:600;line-height:1.25}.berkas-view{color:#2eb872;font-size:12px;font-weight:600;text-decoration:none}.berkas-view:hover{text-decoration:underline}.opt-row{flex-wrap:wrap;gap:10px;margin:8px 0;display:flex}.opt{cursor:pointer;font:inherit;color:#1f2a37;box-shadow:none;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dfe3e8;border-radius:10px;align-items:center;gap:0;padding:8px 14px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.opt:hover:not(:disabled){box-shadow:none;background:#f7fafd;border-color:#b9c6d4;transform:none}.opt:focus-visible{border-color:var(--c-accent);box-shadow:var(--ring);outline:none}.opt.active{color:#1b5fa8;background:#eff6ff;border-color:#2783de;font-weight:700}@keyframes revisiBlink{0%,to{border-color:#ef4444;box-shadow:0 0 #ef444480}50%{border-color:#ff8a7a;box-shadow:0 0 0 8px #ef444400}}@keyframes blinkText{50%{opacity:.35}}.revisi-alert{animation:1.1s ease-in-out infinite revisiBlink;background:linear-gradient(135deg,#fff0ef,#ffe0dc)!important;border:2px solid #ef4444!important}.revisi-alert .cta-title{color:#d92b1c}.blink-text{animation:1s steps(2,start) infinite blinkText}.admin-note{border:1px solid #0000;border-radius:12px;margin-bottom:16px;padding:12px 16px}.admin-note-head{margin-bottom:4px;font-size:14px;font-weight:800}.admin-note-body{white-space:pre-wrap;font-size:14px;line-height:1.5}.note-revisi{background:#fff0ef;border-color:#ef4444}.note-revisi .admin-note-head{color:#d92b1c}.note-revisi .admin-note-body{color:#a3392e}.note-danger{background:#fdece9;border-color:#e0503f}.note-danger .admin-note-head{color:#b23b2b}.note-danger .admin-note-body{color:#8a3226}@keyframes glowOpen{0%,to{box-shadow:0 0 8px 1px #2eb87259}50%{box-shadow:0 0 18px 4px #2eb872a6}}@keyframes glowClosed{0%,to{box-shadow:0 0 8px 1px #e0503f4d}50%{box-shadow:0 0 18px 4px #e0503f99}}.glow-open{animation:1.8s ease-in-out infinite glowOpen;border-color:#2eb872!important}.glow-closed{animation:1.8s ease-in-out infinite glowClosed;border-color:#e0503f!important}@media (width>=861px){.sidebar{overscroll-behavior:contain;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.sidebar::-webkit-scrollbar-track{background:0 0}}.pub-shell{background:#f4f7fb;min-height:100vh}.pub-top{background:var(--grad-auth);color:#fff;padding:28px 20px 72px}.pub-top-inner{max-width:1080px;margin:0 auto}.pub-head{align-items:center;gap:22px;display:flex}.pub-head-teks{min-width:0}.pub-logo{object-fit:contain;flex-shrink:0;width:92px;height:92px}@media (width<=640px){.pub-head{align-items:flex-start;gap:16px}.pub-logo{width:62px;height:62px;margin-top:4px}}.pub-brand{font-family:var(--font-display);letter-spacing:.3px;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.pub-brand span{color:var(--c-light)}.pub-title{font-family:var(--font-display);margin:20px 0 6px;font-size:clamp(24px,4vw,34px);font-weight:800;line-height:1.2}.pub-sub{color:#ffffffb8;max-width:620px;margin:0;line-height:1.6}.pub-body{max-width:1080px;margin:-52px auto 48px;padding:0 20px}.pub-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.pub-stat{--w:#35506b;--bg:#fff;text-align:left;width:100%;font:inherit;cursor:pointer;background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #e6ecf4;padding:16px 18px 16px 20px;transition:transform .15s,box-shadow .2s,border-color .2s;display:block;position:relative;overflow:hidden}.pub-stat:before{content:"";background:var(--w);width:5px;position:absolute;top:0;bottom:0;left:0}.pub-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pub-stat.pilih{border-color:var(--w);box-shadow:0 0 0 2px var(--w) inset, var(--shadow-sm)}.pub-stat[data-t=belum]{--w:#8a94a2;--bg:#f7f8fa}.pub-stat[data-t=pengajuan_judul]{--w:#b77a12;--bg:#fffaf0}.pub-stat[data-t=seminar_proposal]{--w:#1c5fa8;--bg:#f4f9ff}.pub-stat[data-t=seminar_hasil]{--w:#12797c;--bg:#f2fbfb}.pub-stat[data-t=sidang]{--w:#5b3fa8;--bg:#f8f5ff}.pub-stat-total{--w:#ffffff8c;background:var(--grad-accent);border-color:#0000;box-shadow:0 8px 22px #2783de4d}.pub-stat-total .pub-stat-num{color:#fff}.pub-stat-total .pub-stat-label{color:#ffffffd9}.pub-stat-num{font-family:var(--font-display);color:var(--w);font-size:28px;font-weight:800;line-height:1}.pub-stat-label{color:var(--c-muted);margin-top:6px;font-size:12.5px;font-weight:600}.pub-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e6ecf4;overflow:hidden}.pub-filter{border-bottom:1px solid #eef2f7;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:18px;display:grid}.pub-count{color:var(--c-muted);background:#fbfcfe;padding:12px 18px;font-size:13px}.pub-tbl{border-collapse:collapse;width:100%;font-size:14px}.pub-tbl th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#6b7f96;white-space:nowrap;background:#f7f9fc;border-bottom:1px solid #eef2f7;padding:12px 18px;font-size:11.5px}.pub-tbl td{vertical-align:top;border-bottom:1px solid #f2f5f9;padding:14px 18px}.pub-tbl tbody tr:last-child td{border-bottom:0}.pub-tbl tbody tr:hover{background:#fafcff}.pub-nama{color:var(--c-ink);font-weight:700}.pub-nim{font-variant-numeric:tabular-nums;color:#4a5b6e}.pub-muted{color:#9aa7b4;font-size:13px}.pub-tahap{color:#35506b;white-space:nowrap;background:#eef3f9;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-block}.pub-tahap[data-t=belum]{color:#8a94a2;background:#f2f4f7}.pub-tahap[data-t=pengajuan_judul]{color:#b77a12;background:#fcf1dc}.pub-tahap[data-t=seminar_proposal]{color:#1c5fa8;background:#e8f1fd}.pub-tahap[data-t=seminar_hasil]{color:#12797c;background:#e6f6f6}.pub-tahap[data-t=sidang]{color:#5b3fa8;background:#efe9fb}.pub-empty{text-align:center;color:var(--c-muted);padding:44px 20px}.pub-foot{text-align:center;color:var(--c-muted);margin-top:18px;font-size:12.5px;line-height:1.7}.pub-foot a{color:var(--c-base);font-weight:700}@media (width<=720px){.pub-filter{grid-template-columns:1fr}.pub-tbl thead{display:none}.pub-tbl tbody tr{border-bottom:1px solid #f2f5f9;padding:14px 18px;display:block}.pub-tbl td{border:0;justify-content:space-between;gap:16px;padding:4px 0;display:flex}.pub-tbl td:before{content:attr(data-l);color:#6b7f96;flex-shrink:0;font-size:12px;font-weight:700}}.cek-status{border-radius:var(--radius-sm);background:#7fc2f214;border:1px solid #7fc2f259;align-items:center;gap:12px;margin-top:18px;padding:13px 16px;text-decoration:none;transition:all .16s;display:flex}.cek-status:hover{border-color:var(--c-light);background:#7fc2f229;transform:translateY(-1px)}.cek-status-ico{background:var(--grad-accent);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cek-status-teks{flex:1;min-width:0}.cek-status-judul{color:var(--c-ink);font-size:14px;font-weight:700;display:block}.cek-status-sub{color:var(--c-muted);margin-top:2px;font-size:12px;display:block}.cek-status-arrow{color:var(--c-accent);flex-shrink:0}.pub-bar{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e2a47eb;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.pub-bar-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1080px;margin:0 auto;padding:10px 20px;display:flex}.pub-bar-brand{color:#fff;font-family:var(--font-display);letter-spacing:.3px;align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.pub-bar-brand img{object-fit:contain;width:30px;height:30px}.pub-bar-brand b{color:var(--c-light);font-weight:800}.pub-bar-btn{background:var(--grad-accent);color:#fff;white-space:nowrap;border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #2783de59}.pub-bar-btn:hover{filter:brightness(1.06)}.pub-bawah{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-top:1px solid #e2e9f2;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #102a4712}.pub-bawah-inner{justify-content:space-between;align-items:center;gap:14px;max-width:1080px;margin:0 auto;padding:11px 20px;display:flex}.pub-bawah-teks{color:var(--c-muted);font-size:13px}.pub-bawah-btn{background:var(--grad-accent);color:#fff;white-space:nowrap;border-radius:999px;padding:9px 20px;font-size:13.5px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #2783de47}.pub-bawah-btn:hover{filter:brightness(1.06)}.pub-shell{padding-bottom:74px}@media (width<=640px){.pub-bawah-teks{display:none}.pub-bawah-btn{text-align:center;width:100%}}.auth-switch{background:#102a471a;border:1px solid #102a4714;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;width:min(340px,100%);margin:18px auto 0;padding:5px;display:grid;position:relative}.auth-switch-geser{background:var(--grad-accent);border-radius:999px;width:calc(50% - 7px);height:calc(100% - 10px);transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:5px;left:5px;box-shadow:0 4px 14px #2783de59}.auth-switch-geser.kanan{transform:translate(calc(100% + 4px))}.auth-switch-opsi{z-index:1;text-align:center;color:#46617e;white-space:nowrap;border-radius:999px;padding:9px 10px;font-size:13.5px;font-weight:700;text-decoration:none;transition:color .2s;position:relative}.auth-switch-opsi:hover{color:var(--c-base)}.auth-switch-opsi.aktif,.auth-switch-opsi.aktif:hover{color:#fff}@media (prefers-reduced-motion:reduce){.auth-switch-geser{transition:none}}.pub-progres{--w:#8a94a2;align-items:center;gap:9px;min-width:132px;display:flex}.pub-progres[data-t=pengajuan_judul]{--w:#b77a12}.pub-progres[data-t=seminar_proposal]{--w:#1c5fa8}.pub-progres[data-t=seminar_hasil]{--w:#12797c}.pub-progres[data-t=sidang]{--w:#5b3fa8}.pub-progres-rel{background:#eceff4;border-radius:999px;flex:1;height:7px;overflow:hidden}.pub-progres-isi{background:var(--w);border-radius:999px;height:100%;transition:width .5s;display:block}.pub-progres-angka{color:var(--w);font-variant-numeric:tabular-nums;text-align:right;min-width:32px;font-size:12px;font-weight:700}.pub-progres[data-t=sidang] .pub-progres-isi[style*="100%"]{background:linear-gradient(90deg,#5b3fa8,#2eb872)}