:root{--paper:#eef3f1;--surface:#fff;--surface-2:#f6f9f8;--sunken:#e5ece9;--line:#d5e0dc;--line-strong:#b9c9c4;--ink:#10201e;--ink-2:#3b4e4b;--ink-3:#5c6f6c;--toska:#0e8a7b;--toska-strong:#0a7366;--toska-soft:#ddf2ee;--on-toska:#fff;--anggrek:#a8329a;--anggrek-soft:#f6e3f3;--nila:#3f4bc9;--nila-soft:#e6e8fa;--jingga:#c24a22;--jingga-soft:#fce7de;--lumut:#55730f;--lumut-soft:#eaf1d6;--batu:#3e4c59;--batu-soft:#e3e8ec;--ok:#16804a;--ok-bg:#e3f3ea;--ok-fg:#12663a;--wait:#b27b00;--wait-bg:#fcf1d6;--wait-fg:#7a5300;--bad:#e5484d;--bad-bg:#fce4e4;--bad-fg:#a3262b;--exp:#7176d3;--exp-bg:#e9eaf8;--exp-fg:#3f4396;--proc:#0e8a7b;--proc-bg:#ddf2ee;--proc-fg:#0a6a5e;--test:#f5c542;--test-fg:#2b1d00;--hero-bg:#10201e;--hero-fg:#eaf4f1;--hero-dim:#9fb8b3;--hero-a:#4fd1be;--hero-b:#e9b949;--hero-c:#b8bcf5;--shadow-1:0 1px 0 #10201e0a, 0 1px 3px #10201e12;--shadow-2:0 18px 40px -18px #10201e59, 0 2px 8px #10201e14;--font-display:"Unbounded", "Plus Jakarta Sans", system-ui, sans-serif;--font-ui:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r-xs:5px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-pill:999px;--d-fast:.14s;--d-base:.24s;--e-out:cubic-bezier(.2,.8,.2,1);--e-spring:cubic-bezier(.34,1.4,.64,1);--mod:var(--toska);--mod-soft:var(--toska-soft);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0b1514;--surface:#111e1d;--surface-2:#152423;--sunken:#0d1918;--line:#233531;--line-strong:#334a45;--ink:#e4efec;--ink-2:#afc2be;--ink-3:#8a9e9a;--toska:#2ec4b0;--toska-strong:#2ec4b0;--toska-soft:#0d2b27;--on-toska:#06201c;--anggrek:#da74d3;--anggrek-soft:#33182f;--nila:#8c93ff;--nila-soft:#1c2042;--jingga:#ff8a5c;--jingga-soft:#3a1e14;--lumut:#a6c54a;--lumut-soft:#222b10;--batu:#a9b8c6;--batu-soft:#1e2830;--ok:#29a866;--ok-bg:#0f2a1c;--ok-fg:#7fe0a8;--wait:#e0a21a;--wait-bg:#2f250c;--wait-fg:#f2c96a;--bad:#ee5a57;--bad-bg:#351718;--bad-fg:#ff9c98;--exp:#7c82d6;--exp-bg:#1e2040;--exp-fg:#b3b7f5;--proc:#2ec4b0;--proc-bg:#0d2b27;--proc-fg:#7ee3d4;--test:#e8b526;--test-fg:#1e1400;--hero-bg:#16302c;--shadow-1:0 1px 0 #00000059;--shadow-2:0 22px 48px -18px #000000b3, 0 2px 8px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}[data-mod=toska]{--mod:var(--toska);--mod-soft:var(--toska-soft)}[data-mod=nila]{--mod:var(--nila);--mod-soft:var(--nila-soft)}[data-mod=jingga]{--mod:var(--jingga);--mod-soft:var(--jingga-soft)}[data-mod=anggrek]{--mod:var(--anggrek);--mod-soft:var(--anggrek-soft)}[data-mod=lumut]{--mod:var(--lumut);--mod-soft:var(--lumut-soft)}[data-mod=batu]{--mod:var(--batu);--mod-soft:var(--batu-soft)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:15px/1.5 var(--font-ui);font-feature-settings:"tnum" 1;margin:0}a{color:var(--toska-strong);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;line-height:1.2}h1{font:700 clamp(1.35rem, 2.5vw, 1.75rem)/1.15 var(--font-display);letter-spacing:-.01em}h2{font-size:1.05rem;font-weight:700}h3{font-size:.95rem;font-weight:700}code,.mono{font-family:var(--font-mono);font-size:.86em}:focus-visible{outline:3px solid color-mix(in srgb, var(--mod) 55%, transparent);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{background:linear-gradient(90deg, var(--hero-bg) 0 252px, transparent 252px);grid-template-columns:252px minmax(0,1fr);min-height:100dvh;display:grid}.side{background:var(--hero-bg);height:100dvh;color:var(--hero-fg);flex-direction:column;gap:6px;padding:18px 14px;display:flex;position:sticky;top:0}.brand{font:700 1.15rem var(--font-display);color:var(--hero-fg);align-items:center;gap:10px;padding:6px 8px 16px;display:flex}.brand-mark{background:conic-gradient(from 210deg, var(--hero-a), var(--hero-c), var(--hero-b), var(--hero-a));color:#0b1f1c;border-radius:11px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--hero-dim);transition:background var(--d-fast), color var(--d-fast);border-radius:10px;align-items:center;gap:11px;padding:9px 11px;font-size:.93rem;font-weight:600;display:flex}.nav a:hover{color:var(--hero-fg);background:#ffffff0f;text-decoration:none}.nav a[aria-current=page]{color:#fff;box-shadow:inset 3px 0 0 var(--nav-dot,var(--hero-a));background:#4fd1be24}.nav .dot{background:var(--nav-dot);border-radius:3px;flex:none;width:9px;height:9px}.nav .count{border-radius:var(--r-pill);background:var(--hero-b);color:#2a1d00;text-align:center;min-width:22px;margin-left:auto;padding:1px 7px;font-size:.75rem}.side-foot{color:var(--hero-dim);border-top:1px solid #ffffff14;margin-top:auto;padding:12px 8px 0;font-size:.82rem}.side-foot strong{color:var(--hero-fg);display:block}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:20;background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px clamp(16px,3vw,32px);display:flex;position:sticky;top:0}.topbar .grow{flex:1}.content{animation:rise var(--d-base) var(--e-out);flex-direction:column;gap:20px;padding:clamp(16px,3vw,32px);display:flex}.testbar{background:repeating-linear-gradient(-45deg, var(--test), var(--test) 12px, #f9d877 12px, #f9d877 24px);color:var(--test-fg);text-align:center;letter-spacing:.02em;padding:5px;font-size:.82rem;font-weight:700}.topbar .menu-btn{display:none}@media (max-width:900px){.shell{background:0 0;grid-template-columns:1fr}.side{z-index:50;width:270px;transition:transform var(--d-base) var(--e-out);position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.shell[data-open=true] .side{box-shadow:var(--shadow-2);transform:none}.topbar .menu-btn{display:inline-flex}.scrim{z-index:40;background:#00000059;position:fixed;inset:0}}.page-head{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;display:flex}.page-head p{color:var(--ink-3);max-width:70ch;margin:4px 0 0}.page-head .actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--mod);align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--mod);border-radius:3px;width:8px;height:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);min-width:0;padding:18px}.card>h2{align-items:center;gap:8px;margin-bottom:12px;display:flex}.card.flush{padding:0;overflow:hidden}.card.flush>h2{padding:16px 18px 0}.grid{gap:16px;display:grid}.grid.k4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid.k2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.grid.k3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.stat{position:relative;overflow:hidden}.stat:before{content:"";background:var(--mod);width:4px;position:absolute;inset:0 auto 0 0}.stat .label{color:var(--ink-3);font-size:.8rem;font-weight:600}.stat .value{font:700 clamp(1.1rem, 1.9vw, 1.5rem)/1.2 var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:6px}.stat .hint{color:var(--ink-3);margin-top:4px;font-size:.8rem}.hero{background:var(--hero-bg);color:var(--hero-fg);background-image:radial-gradient(120% 140% at 100% 0,#4fd1be38,#0000 55%),radial-gradient(90% 120% at 0 100%,#b8bcf52e,#0000 60%);border:0}.hero .label,.hero .hint{color:var(--hero-dim)}.muted{color:var(--ink-3)}.small{font-size:.82rem}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.stack{flex-direction:column;gap:10px;display:flex}.right{text-align:right}.nowrap{white-space:nowrap}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.neg{color:var(--bad-fg)}.pos{color:var(--ok-fg)}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table.t{border-collapse:collapse;width:100%;font-size:.9rem}.t th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap;padding:10px 14px;font-size:.74rem;font-weight:700}.t td{border-bottom:1px solid var(--line);vertical-align:top;padding:11px 14px}.t tr:last-child td{border-bottom:0}.t tbody tr{transition:background var(--d-fast)}.t tbody tr:hover{background:var(--surface-2)}.t .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.t tfoot td{background:var(--surface-2);border-top:1px solid var(--line-strong);font-weight:700}.empty{text-align:center;color:var(--ink-3);padding:28px}.badge{border-radius:var(--r-pill);letter-spacing:.02em;white-space:nowrap;background:var(--batu-soft);color:var(--ink-2);align-items:center;gap:6px;padding:2px 9px;font-size:.74rem;font-weight:700;display:inline-flex}.badge:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:7px;height:7px}.badge.ok{background:var(--ok-bg);color:var(--ok-fg)}.badge.wait{background:var(--wait-bg);color:var(--wait-fg)}.badge.bad{background:var(--bad-bg);color:var(--bad-fg)}.badge.exp{background:var(--exp-bg);color:var(--exp-fg)}.badge.proc{background:var(--proc-bg);color:var(--proc-fg)}.badge.proc:before{animation:1.4s infinite pulse}.badge.test{background:var(--test);color:var(--test-fg)}.chip{border-radius:var(--r-pill);background:var(--mod-soft);color:var(--mod);padding:1px 8px;font-size:.75rem;font-weight:700;display:inline-block}.btn{min-height:38px;font:600 .9rem var(--font-ui);cursor:pointer;background:var(--toska);color:var(--on-toska);transition:transform var(--d-fast) var(--e-spring), background var(--d-fast), box-shadow var(--d-fast);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 15px;display:inline-flex;text-decoration:none!important}.btn:hover{background:var(--toska-strong);box-shadow:var(--shadow-1)}.btn:active{transform:scale(.97)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn.ghost{color:var(--ink);border-color:var(--line-strong);background:0 0}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{background:var(--bad);color:#fff}.btn.small{border-radius:8px;min-height:30px;padding:4px 10px;font-size:.82rem}.btn.mod{background:var(--mod);color:#fff}label.field{color:var(--ink-2);flex-direction:column;gap:5px;min-width:0;font-size:.84rem;font-weight:600;display:flex}label.field .hint{color:var(--ink-3);font-size:.78rem;font-weight:400}.input,select.input,textarea.input{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:38px;color:var(--ink);font:inherit;transition:border var(--d-fast), box-shadow var(--d-fast);border-radius:10px;padding:8px 11px;font-weight:500}.input:focus{border-color:var(--mod);box-shadow:0 0 0 3px color-mix(in srgb, var(--mod) 22%, transparent);outline:none}.input.otp{font:700 1.1rem var(--font-mono);letter-spacing:.35em;max-width:12ch}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));align-items:end;gap:12px;display:grid}.check{align-items:center;gap:8px;font-size:.88rem;font-weight:600;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--mod)}.msg{animation:rise var(--d-base) var(--e-out);border-radius:10px;margin:8px 0 0;padding:9px 12px;font-size:.88rem;font-weight:600}.msg.ok{background:var(--ok-bg);color:var(--ok-fg)}.msg.bad{background:var(--bad-bg);color:var(--bad-fg)}.secret{background:var(--wait-bg);color:var(--wait-fg);border-radius:10px;margin-top:8px;padding:12px;font-size:.85rem}.secret code{background:var(--surface);color:var(--ink);word-break:break-all;border-radius:8px;margin:6px 0;padding:8px;display:block}details.fold{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)}details.fold>summary{cursor:pointer;align-items:center;gap:8px;padding:10px 14px;font-weight:700;list-style:none;display:flex}details.fold>summary::-webkit-details-marker{display:none}details.fold>summary:before{content:"▸";transition:transform var(--d-fast);color:var(--mod)}details.fold[open]>summary:before{transform:rotate(90deg)}details.fold>.fold-body{animation:rise var(--d-base) var(--e-out);padding:4px 14px 14px}.bar{border-radius:var(--r-pill);background:var(--sunken);height:8px;overflow:hidden}.bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--mod), color-mix(in srgb, var(--mod) 60%, #fff));transform-origin:0;height:100%;animation:grow .7s var(--e-out);display:block}.spark{align-items:flex-end;gap:4px;height:92px;display:flex}.spark span{background:color-mix(in srgb, var(--hero-a) 75%, transparent);transform-origin:bottom;min-width:6px;animation:grow .6s var(--e-out) backwards;border-radius:5px 5px 2px 2px;flex:1}.spark span:hover{background:var(--hero-b)}.pager{border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:.85rem;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filters .input{width:auto;min-width:150px}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tabs a{border-radius:var(--r-pill);color:var(--ink-2);border:1px solid var(--line);background:var(--surface);padding:6px 12px;font-size:.85rem;font-weight:600}.tabs a[aria-current=true]{background:var(--mod);color:#fff;border-color:var(--mod);text-decoration:none}.kv{grid-template-columns:minmax(120px,max-content) 1fr;gap:6px 16px;margin:0;font-size:.9rem;display:grid}.kv dt{color:var(--ink-3)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:600}.timeline{border-left:2px solid var(--line);flex-direction:column;gap:10px;margin:0;padding:0 0 0 14px;font-size:.86rem;list-style:none;display:flex}.timeline li{position:relative}.timeline li:before{content:"";background:var(--mod);width:10px;height:10px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;position:absolute;top:6px;left:-20px}.alert{border-radius:var(--r-md);background:var(--wait-bg);color:var(--wait-fg);padding:12px 14px;font-size:.9rem;font-weight:600}.alert.bad{background:var(--bad-bg);color:var(--bad-fg)}.alert.ok{background:var(--ok-bg);color:var(--ok-fg)}.center-page{background:var(--hero-bg);background-image:radial-gradient(80% 60% at 85% 10%,#4fd1be40,#0000 60%),radial-gradient(70% 60% at 10% 90%,#b8bcf533,#0000 60%);place-items:center;min-height:100dvh;padding:20px;display:grid}.auth-card{background:var(--surface);width:min(100%,420px);box-shadow:var(--shadow-2);animation:rise var(--d-base) var(--e-out);border-radius:22px;flex-direction:column;gap:16px;padding:28px;display:flex}.qr{background:#fff;border-radius:14px;width:220px;height:220px;margin:0 auto;padding:10px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes grow{0%{transform:scale(0)}}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}