:root{--bg: #f3f2f2;--surface: #eae9e9;--surface-alt: #f8f4f4;--ink: #201e1d;--accent: #ec3013;--accent-hover: #dd2b0f;--accent-pressed: #ae1800;--accent-text: #ae1800;--accent-tint: #ffe0d9;--accent-tint-soft: #fff2ef;--accent-deep: #7c1405;--transit: #16588c;--transit-tint: #eaf1f7;--ok: #2e6b3f;--ok-tint: #e8efe9;--n100: #f8f4f4;--n200: #eae7e7;--n300: #d7d3d3;--n400: #bab6b6;--n500: #9b9797;--n600: #7d7979;--n700: #605d5d;--n800: #444141;--font-display: "Archivo", system-ui, sans-serif;--font-body: "Archivo", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.55}h1,h2,h3{font-weight:800;letter-spacing:-.01em;line-height:1.05;margin:0}a{color:var(--accent-text)}button,input,select,textarea{border-radius:0;font-family:inherit}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--n700)}.satuan{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--n700)}.muted{color:var(--n700)}.blok-kode{background:var(--ink);color:var(--bg);font-family:var(--font-mono);font-size:11px;padding:2px 5px}.btn{border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:13px;font-weight:600;padding:9px 14px;cursor:pointer}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active{background:var(--accent-pressed);border-color:var(--accent-pressed)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-tertiary{border-color:var(--n400);color:var(--n800)}.btn-text{border:0;background:none;color:var(--accent-text);padding:9px 0;font-weight:600;cursor:pointer}.btn-kecil{padding:4px 9px;font-size:12px;border:1px solid var(--accent-text);color:var(--accent-deep);background:none;font-weight:600;cursor:pointer}.btn-lapangan{width:100%;font-size:17px;font-weight:600;padding:15px 16px;border:0;cursor:pointer;text-align:left;min-height:48px}.btn-lapangan.hijau{background:var(--ok);color:var(--bg)}.btn-lapangan.merah{background:var(--accent);color:var(--bg)}.btn-lapangan.garis{background:none;border:2px solid var(--ink);color:var(--ink)}.isian{background:var(--surface);border:1px solid var(--ink);padding:6px 9px;font-size:14px;width:100%;color:var(--ink)}.isian:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.isian:disabled,.isian[readonly]{border-color:var(--n300);color:var(--n800)}.isian-label{display:block;margin-bottom:4px}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.tag .glif{font-family:var(--font-mono)}.tag-draf{border:1px dashed var(--n600);color:var(--n700)}.tag-dikirim{border:1px solid var(--transit);color:var(--transit);background:var(--transit-tint)}.tag-terlambat{border:1px solid var(--accent);color:var(--bg);background:var(--accent)}.tag-sebagian{border:1px solid var(--accent-text);color:var(--accent-text);background:var(--accent-tint)}.tag-selesai{border:1px solid var(--ok);color:var(--ok);background:var(--ok-tint)}.tag-batal{border:1px solid var(--n400);color:var(--n600)}.tag-batal .teks{text-decoration:line-through}.tabel{width:100%;border-collapse:collapse;font-size:13px}.tabel th{position:sticky;top:0;z-index:1;background:var(--surface);text-align:left;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--n700);padding:7px 8px;border-bottom:1px solid var(--n500)}.tabel td{padding:8px;border-bottom:1px solid var(--n300)}.tabel tbody tr:nth-child(2n){background:var(--surface)}.tabel th.kanan,.tabel td.kanan{text-align:right}.tabel tr[tabindex]:focus-visible,.tabel tr.fokus{outline:2px solid var(--accent);outline-offset:-2px}.tabel tbody tr.klik{cursor:pointer}.baris-masalah{border-left:3px solid var(--accent)}.baris-masalah td:first-child{padding-left:5px}.baris-error{background:var(--accent-tint-soft)!important;border-left:3px solid var(--accent)}.baris-rekap td{background:var(--surface);border-top:1px solid var(--n500);font-weight:600}.skeleton{height:11px;background:var(--n300)}.pita{height:14px;background:repeating-linear-gradient(135deg,var(--ink) 0 8px,#d9d5cf 8px 16px)}.pita-merah{height:14px;background:repeating-linear-gradient(135deg,var(--accent) 0 8px,#ffd7cf 8px 16px)}.panel{border:1px solid var(--n500);background:var(--bg)}.garis-tebal{border-bottom:2px solid var(--ink)}button,.tag{transition:background-color .1s,border-color .1s}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@media print{body{background:#fff}.no-cetak{display:none!important}}