@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/inter-latin-var-8kRkwJBP.woff2)format("woff2")}:root{--mairu-hijau:#263f39;--mairu-putih:#f4f1e8;--mairu-tinta:#1e2825;--mairu-daun:#dbe5ac;--mairu-tanah:#b7775c;--mairu-tinta-redup:#5e645f;--mairu-garis:#d9d4c6;--bg:var(--mairu-putih);--surface:#fbfaf5;--surface-raised:#fff;--text:var(--mairu-tinta);--text-muted:var(--mairu-tinta-redup);--border:var(--mairu-garis);--hover:#1e28250f;--accent:var(--mairu-hijau);--accent-text:var(--mairu-putih);--selected:var(--mairu-daun);--on-selected:var(--mairu-tinta);--on-selected-muted:#464d48;--panel:var(--mairu-hijau);--on-panel:var(--mairu-putih);--panel-muted:#b8c5be;--panel-border:#3a5650;--panel-hover:#f4f1e814;--panel-active:#dbe5ac3d;--logo:var(--mairu-hijau);--link:var(--mairu-hijau);--decor:var(--mairu-tanah);--overlay:#11191780;--warning:#f1dd8f;--on-warning:var(--mairu-tinta);--soldout:#b9b6ae;--on-soldout:var(--mairu-tinta);--success:#38734b;--on-success:var(--mairu-putih);--danger:#991b1b;--on-danger:var(--mairu-putih);--minus:#5c1210;--radius:0px;--radius-input:6px;--radius-pill:999px;--paper:#fff;--on-paper:#000;--font-sans:"Inter", "Helvetica Neue", Arial, system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111917;--surface:#1b2421;--surface-raised:#24302c;--text:var(--mairu-putih);--text-muted:#a9b1aa;--border:#34423d;--hover:#f4f1e814;--accent:var(--mairu-daun);--accent-text:var(--mairu-tinta);--logo:var(--mairu-putih);--link:var(--mairu-daun);--decor:#81533e;--overlay:#0009;--warning:#f6e294;--soldout:#424945;--on-soldout:var(--mairu-putih);--success:#81d599;--on-success:var(--mairu-tinta);--danger:#fb827a;--on-danger:var(--mairu-tinta);--minus:#e26364;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#111917;--surface:#1b2421;--surface-raised:#24302c;--text:var(--mairu-putih);--text-muted:#a9b1aa;--border:#34423d;--hover:#f4f1e814;--accent:var(--mairu-daun);--accent-text:var(--mairu-tinta);--logo:var(--mairu-putih);--link:var(--mairu-daun);--decor:#81533e;--overlay:#0009;--warning:#f6e294;--soldout:#424945;--on-soldout:var(--mairu-putih);--success:#81d599;--on-success:var(--mairu-tinta);--danger:#fb827a;--on-danger:var(--mairu-tinta);--minus:#e26364;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;margin:0}a{color:var(--link)}.page{max-width:1080px;margin:0 auto;padding:24px 16px 48px}.stack{gap:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.muted{color:var(--text-muted)}.error{color:var(--danger)}h1,h2,h3{margin:0;line-height:1.25}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;padding:0 18px;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-sm{min-height:36px;padding:0 12px;font-size:.9rem}.input,.select{border-radius:var(--radius-input);border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;width:100%;padding:0 12px}label.field{gap:6px;font-weight:600;display:grid}.table-wrap{overflow-x:auto}table.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 8px}.table th{color:var(--text-muted);font-size:.85rem;font-weight:600}.badge{border-radius:var(--radius-input);border:1px solid var(--border);padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-block}.badge-ok{color:var(--success);border-color:var(--success)}.badge-off{color:var(--text-muted)}.badge-danger{color:var(--danger);border-color:var(--danger)}.code-display{letter-spacing:.15em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:2rem;font-weight:700}.small{font-size:.85rem}.rupiah-input{position:relative}.rupiah-input>span{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.rupiah-input>.input{padding-left:38px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.check{cursor:pointer;align-items:flex-start;gap:10px;min-height:32px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent);margin-top:2px}.chip{border-radius:var(--radius-input);border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);font:inherit;cursor:pointer;padding:0 14px}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.list-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.list-row:last-child{border-bottom:0}.list-row-main{flex:1;min-width:0}.thumb{border-radius:var(--radius);object-fit:cover;background:var(--bg);border:1px solid var(--border);flex-shrink:0;width:52px;height:52px}.thumb-lg{width:120px;height:120px}textarea.input{resize:vertical;min-height:72px;padding:10px 12px}.icon-btn{min-width:36px;padding:0}.stat-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.stat{align-content:start;gap:4px;padding:16px;display:grid}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.stat-value{font-size:1.6rem;font-weight:600;line-height:1.2}.stat-hero{font-size:2.2rem}.stat-delta{font-size:.85rem;font-weight:600}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--minus)}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.receipt-paper{border-radius:var(--radius);background:var(--paper);color:var(--on-paper);white-space:pre;margin:0 auto;padding:16px 14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.4;overflow-x:auto;box-shadow:0 1px 6px #0000002e}.receipt-line.center{text-align:center}.receipt-line.bold{font-weight:700}.receipt-line.large{font-size:2em;line-height:1.2}.banner{border:1px solid var(--warning);border-radius:var(--radius);background:var(--warning);color:var(--on-warning);margin:0;padding:10px 14px}.banner a,.stock-banner a{color:inherit;text-decoration:underline}.banner-ok{border-color:var(--success)}.move-item{border-top:1px solid var(--border);padding:6px 0}.move-item .num{font-variant-numeric:tabular-nums}.receipt-photo{border:1px solid var(--border);border-radius:var(--radius);max-width:min(100%,360px);margin-top:8px;display:block}.nav-badge{background:var(--danger);min-width:1.4em;color:var(--on-danger);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;margin-left:6px;padding:0 6px;font-size:.75rem;font-weight:700;line-height:1.5;display:inline-block}.inbox-item{border-top:1px solid var(--border);align-items:flex-start;gap:12px;padding:8px 0;display:flex}.inbox-dot{border:1px solid var(--border);border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.inbox-dot.is-unread{border-color:var(--accent);background:var(--accent)}.request-card{border:1px solid var(--border);border-radius:var(--radius);padding:12px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.landing{text-align:center;place-content:center;justify-items:center;gap:24px;min-height:100dvh;padding:24px 16px;display:grid}.landing .mairu-logo{width:min(320px,80vw);height:auto}.landing h1{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.85rem;font-weight:600}.receipt-logo{width:70%;max-width:192px;height:auto;margin:0 auto 8px;display:block}
