:root{--bg:#dde6f6;--blob1:#8fb2ff;--blob2:#f6b3d6;--blob3:#9eeed0;--blob4:#ffd8a0;--glass:hsla(0,0%,100%,.5);--glass-strong:hsla(0,0%,100%,.78);--glass-line:hsla(0,0%,100%,.8);--hl:inset 0 1px 0 hsla(0,0%,100%,.95),inset 0 -1px 0 hsla(0,0%,100%,.3),inset 0 0 0 1px hsla(0,0%,100%,.18);--shadow:0 10px 32px rgba(40,62,120,.16),0 2px 6px rgba(40,62,120,.08);--sheen:hsla(0,0%,100%,.55);--fg:#0b1324;--muted:#445068;--line:rgba(30,48,90,.14);--accent:#1f56e0;--accent2:#4f86ff;--accent-fg:#fff;--ok:#126a38;--ok-bg:rgba(22,163,74,.18);--run:#1b4fd0;--run-bg:rgba(37,99,235,.16);--warn:#8f4a00;--warn-bg:rgba(245,158,11,.22);--bad:#a31616;--bad-bg:rgba(220,38,38,.15);--wait:#3f4b61;--wait-bg:rgba(71,85,105,.14);--font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:"Space Grotesk","Inter",system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#080d1a;--blob1:#2b4fd0;--blob2:#8a2f86;--blob3:#0f7d6a;--blob4:#9a5a12;--glass:rgba(22,30,52,.52);--glass-strong:rgba(26,36,62,.84);--glass-line:hsla(0,0%,100%,.17);--hl:inset 0 1px 0 hsla(0,0%,100%,.24),inset 0 -1px 0 hsla(0,0%,100%,.05),inset 0 0 0 1px hsla(0,0%,100%,.05);--shadow:0 12px 36px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.3);--sheen:hsla(0,0%,100%,.1);--fg:#e9eef8;--muted:#a3aec5;--line:hsla(0,0%,100%,.14);--accent:#5b8cff;--accent2:#8bb0ff;--accent-fg:#071022;--ok:#5be68f;--ok-bg:rgba(74,222,128,.17);--run:#8db0ff;--run-bg:rgba(91,140,255,.2);--warn:#f5bf6b;--warn-bg:rgba(245,158,11,.2);--bad:#ff9a9a;--bad-bg:hsla(0,91%,71%,.2);--wait:#a3aec5;--wait-bg:rgba(163,174,197,.15);color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:14px;line-height:1.5;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(620px 420px at 10% 6%,var(--blob1),transparent 62%),radial-gradient(520px 420px at 92% 10%,var(--blob2),transparent 62%),radial-gradient(680px 500px at 75% 96%,var(--blob3),transparent 62%),radial-gradient(520px 420px at 4% 88%,var(--blob4),transparent 62%)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.in{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.glass{position:relative;background:var(--glass);-webkit-backdrop-filter:blur(26px) saturate(1.8);backdrop-filter:blur(26px) saturate(1.8);border:1px solid var(--glass-line);box-shadow:var(--hl),var(--shadow)}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,var(--sheen) 0,transparent 38%,transparent 70%,var(--sheen) 130%);opacity:.7}.glass>*{position:relative}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.btn,.chip,.filters input,.filters select,.glass,.seg{background:var(--glass-strong)}}.top{margin-top:max(14px,env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 20px;border-radius:22px}.top h1{font-family:var(--font-display);font-size:23px;line-height:1.15;margin:0;font-weight:700;letter-spacing:-.01em;text-wrap:balance}.top p{margin:4px 0 0;color:var(--muted);font-size:13px}.top .right{display:flex;gap:10px;flex-wrap:wrap}.top .right,.who{align-items:center}.who{display:inline-flex;gap:8px;border-radius:999px;padding:4px 12px 4px 4px;font-size:13px;background:var(--glass-strong);border:1px solid var(--glass-line);box-shadow:var(--hl)}.who .av{width:26px;height:26px;font-size:12px}.btn{border:1px solid var(--glass-line);background:var(--glass-strong);border-radius:999px;padding:8px 16px;font-weight:500;min-height:38px;box-shadow:var(--hl),0 2px 8px rgba(40,62,120,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.btn:hover{filter:brightness(1.04)}.btn.primary{background:linear-gradient(180deg,var(--accent2),var(--accent));border-color:hsla(0,0%,100%,.45);color:var(--accent-fg);font-weight:600;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 6px 18px rgba(31,86,224,.35)}.btn.sm{padding:3px 12px;min-height:30px;font-size:13px}.btn.danger{color:var(--bad)}.btn[disabled]{opacity:.5;cursor:default}main.in{padding-block:18px 56px;display:flex;flex-direction:column;gap:18px}body{min-height:100dvh}.banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:16px;padding:10px 16px;font-size:13px;color:var(--warn)}.banner.info{color:var(--run)}.banner b{font-weight:600}.bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-line);box-shadow:var(--hl)}.seg button{border:0;background:transparent;padding:6px 14px;font-size:13px;color:var(--muted);min-height:34px;border-radius:999px}.seg button[aria-pressed=true]{background:var(--glass-strong);color:var(--fg);font-weight:600;box-shadow:var(--hl),0 2px 8px rgba(40,62,120,.18)}.rangeLabel{color:var(--muted);font-size:13px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);border-radius:22px;overflow:hidden}.kpi{padding:16px 18px;min-width:0;border-left:1px solid var(--line)}.kpi:first-child{border-left:0}.kpi .n{font-family:var(--font-display);font-size:32px;font-weight:700;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi .l{font-size:12px;color:var(--muted);margin-top:2px}.kpi.ok .n{color:var(--ok)}.kpi.run .n{color:var(--run)}.kpi.bad .n{color:var(--bad)}h2.sec{font-family:var(--font-display);font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 10px 4px;font-weight:600}.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));grid-gap:12px;gap:12px}.mem{text-align:left;border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}.mem:hover{filter:brightness(1.04)}.mem[aria-pressed=true]{border-color:var(--accent);box-shadow:var(--hl),var(--shadow),0 0 0 2px var(--accent)}.mem .hd{display:flex;gap:10px;align-items:center;min-width:0}.av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.55),0 2px 6px rgba(0,0,0,.2)}.av,.mem .nm{font-weight:600}.mem .nm{line-height:1.2}.mem .rl{font-size:12px;color:var(--muted);line-height:1.25}.mem .ct{display:flex;align-items:baseline;gap:6px}.mem .ct b{font-family:var(--font-display);font-size:24px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mem .ct span{font-size:12px;color:var(--muted)}.stack{display:flex;height:7px;border-radius:4px;overflow:hidden;background:var(--wait-bg)}.stack i{display:block;height:100%}.stack .s-selesai{background:#22a05a}.stack .s-berjalan{background:#3b73f0}.stack .s-tertunda{background:#e29a1c}.mem .sub{font-size:12px;color:var(--muted)}.mem .sub em{font-style:normal;color:var(--bad);font-weight:600}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filters input,.filters select{background:var(--glass-strong);border:1px solid var(--glass-line);box-shadow:var(--hl);border-radius:999px;padding:6px 14px;min-height:38px}.filters input{flex:1 1 180px;min-width:0}.chip{border:1px solid var(--glass-line);background:var(--glass-strong);border-radius:999px;padding:4px 14px;font-size:13px;min-height:34px;box-shadow:var(--hl)}.feed{gap:12px}.feed,.rep{display:flex;flex-direction:column}.rep{border-radius:22px;padding:16px 18px;gap:8px;min-width:0}.rep .meta{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted)}.rep .meta .who2{display:inline-flex;align-items:center;gap:6px;color:var(--fg);font-weight:500}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.rep .pills{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.pill{font-size:12px;font-weight:600;border-radius:999px;padding:1px 10px;white-space:nowrap;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45)}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.run{background:var(--run-bg);color:var(--run)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.wait{background:var(--wait-bg);color:var(--wait)}.rep h3{margin:0;font-size:16px;line-height:1.3;font-weight:600;text-wrap:balance}.rep .notes{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.rep .qcnote{background:var(--bad-bg);color:var(--bad);border-radius:12px;padding:6px 12px;font-size:13px}.rep .qcnote.okn{background:var(--ok-bg);color:var(--ok)}.rep .lnk{font-size:13px;overflow-wrap:anywhere}.rep a{color:var(--accent)}.media{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-gap:8px;gap:8px}.th{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;border:1px solid var(--glass-line);background:var(--wait-bg);padding:0;box-shadow:var(--hl)}.th img,.th video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.th .play{position:absolute;inset:auto 6px 6px auto;background:rgba(10,15,30,.62);color:#fff;border-radius:999px;font-size:11px;padding:1px 9px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rep .acts{display:flex;gap:6px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--line);margin-top:2px}.rep .acts .sp{flex:1 1}.rep .acts:empty{display:none}.empty{border-radius:22px;padding:34px 16px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--fg);font-size:15px;margin-bottom:4px}.ov{position:fixed;inset:0;background:rgba(8,12,26,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px max(12px,env(safe-area-inset-left,0px))}.ov[hidden]{display:none}.sheet{width:100%;max-width:640px;border-radius:26px;display:flex;flex-direction:column;background:var(--glass-strong)}.sheet.small{max-width:440px;margin-top:10vh}.sheet header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.sheet header h2{margin:0;font-family:var(--font-display);font-size:18px}.sheet form{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px}.regbody,.sheet form{padding:16px 20px 20px;gap:12px}.regbody{display:flex;flex-direction:column}.regbody p{margin:0;color:var(--muted)}.fld{display:flex;flex-direction:column;gap:4px;min-width:0}.fld.full{grid-column:1/-1}.fld[hidden]{display:none}.fld label{font-size:12.5px;font-weight:600;color:var(--muted)}.fld input,.fld select,.fld textarea,.regbody select{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--hl);border-radius:14px;padding:8px 12px;min-height:40px;width:100%}.fld textarea{resize:vertical;min-height:84px}.drop{border:1.5px dashed var(--line);border-radius:16px;padding:16px;text-align:center;color:var(--muted);background:var(--glass)}.drop.over{border-color:var(--accent);background:var(--run-bg)}.drop input{display:none}.drop .btn{margin-top:6px}.prev{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));grid-gap:8px;gap:8px;margin-top:8px}.prev .th{aspect-ratio:1/1}.prev .x{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(10,15,30,.7);color:#fff;line-height:1;font-size:15px}.hint{font-size:12px;color:var(--muted)}.hint.err{color:var(--bad)}.sheet footer{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.sheet footer .st{margin-right:auto;font-size:13px;color:var(--muted)}.lb{position:fixed;inset:0;background:rgba(5,8,15,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 12px 24px}.lb[hidden]{display:none}.lb img,.lb video{max-width:100%;max-height:calc(100% - 40px);border-radius:14px;background:#000}.lb .cap{color:#cfd6e4;font-size:13px}.lb button{position:absolute;background:hsla(0,0%,100%,.16);border:1px solid hsla(0,0%,100%,.25);color:#fff;border-radius:999px;width:42px;height:42px;font-size:20px}.lb .cl{top:max(12px,env(safe-area-inset-top,0px));right:12px}.lb .pv{left:12px;top:50%}.lb .nx{right:12px;top:50%}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--glass-strong);border:1px solid var(--glass-line);box-shadow:var(--hl),var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:999px;padding:8px 18px;z-index:90;font-size:13px;max-width:90vw}@media (max-width:760px){.kpis{grid-template-columns:repeat(2,1fr)}.kpi{border-left:0;border-top:1px solid var(--line)}.kpi:nth-child(-n+2){border-top:0}.kpi:nth-child(2n){border-left:1px solid var(--line)}.kpi:last-child{grid-column:1/-1;border-left:0}.sheet form{grid-template-columns:1fr}.top h1{font-size:20px}}@media (prefers-reduced-motion:no-preference){.btn,.mem{transition:filter .15s}}.sheet form.regbody{gap:12px}.sheet form.regbody,.splash{display:flex;flex-direction:column}.splash{max-width:420px;margin:20vh auto 0;border-radius:22px;padding:28px;text-align:center;gap:14px;align-items:center}.loginWrap{min-height:100dvh;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-left,0px))}.login{width:100%;max-width:380px;border-radius:26px;padding:28px 26px;display:flex;flex-direction:column;gap:14px}.login h1{font-family:var(--font-display);font-size:24px;margin:0;line-height:1.15}.login .sub{margin:-8px 0 4px;color:var(--muted)}.login .hint{margin:0}.login .hint.err{min-height:1.2em}