@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--ink:#1e1b16;--ink-soft:#5b564c;--beton:#edf0ee;--beton-line:#dbe0dc;--surface:#fff;--tarpal:#0e7490;--tarpal-600:#0b5b73;--tarpal-100:#dbf0f5;--tarpal-900:#0a3444;--anyaman:#c98a2c;--anyaman-100:#f6e9d2;--lunas:#2e7d5b;--lunas-100:#dcefe6;--tempo:#b54a34;--tempo-100:#f5dfda;--f-display:"Space Grotesk", sans-serif;--f-body:"Inter", sans-serif;--f-mono:"Space Mono", monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--r-sm:4px;--r-md:8px;--r-lg:14px;--r-pill:999px;--shadow-sm:0 1px 2px #1e1b160f, 0 1px 1px #1e1b160a;--shadow-md:0 4px 16px #1e1b1614}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--beton);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{font-family:var(--f-display);margin:0;font-weight:600}.btn{font-family:var(--f-body);border-radius:var(--r-md);cursor:pointer;border:1px solid #0000;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-block}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--tarpal);color:#fff}.btn-primary:hover:not(:disabled){background:var(--tarpal-600)}.btn-accent{background:var(--anyaman);color:#241705}.btn-ghost{color:var(--tarpal);border-color:var(--beton-line);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--tarpal-100)}.btn-danger{color:var(--tempo);border-color:var(--tempo-100);background:0 0}.btn-danger:hover:not(:disabled){background:var(--tempo-100)}.form-card{background:var(--surface);border:1px solid var(--beton-line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm);max-width:480px}.field{margin-bottom:var(--sp-4)}.field label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field input,.field select{width:100%;font-family:var(--f-body);border:1px solid var(--beton-line);border-radius:var(--r-md);background:var(--beton);color:var(--ink);padding:10px 12px;font-size:14px}.field input:focus,.field select:focus{outline:2px solid var(--tarpal);outline-offset:1px}input[type=date]{font-family:var(--f-body);border:1px solid var(--beton-line);border-radius:var(--r-md);background:var(--surface);color:var(--ink);cursor:pointer;padding:9px 12px;font-size:14px}input[type=date]:focus{outline:2px solid var(--tarpal);outline-offset:1px}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(36%)sepia(15%)saturate(1000%)hue-rotate(150deg)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.field-error{color:var(--tempo);margin-top:6px;font-size:12.5px}.badge{border-radius:var(--r-pill);align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-lunas{background:var(--lunas-100);color:var(--lunas)}.badge-belum{background:var(--tempo-100);color:var(--tempo)}.badge-warning{background:var(--anyaman-100);color:#7a551b}.badge-neutral{background:var(--beton);color:var(--ink-soft);border:1px solid var(--beton-line)}.table-card{background:var(--surface);border:1px solid var(--beton-line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}table{border-collapse:collapse;width:100%;font-size:13.5px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);padding:var(--sp-3) var(--sp-4);background:var(--beton);border-bottom:1px solid var(--beton-line);font-size:11px;font-weight:700}tbody td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--beton-line)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--tarpal-100)}.table-card tfoot td{padding:var(--sp-3) var(--sp-4);border-top:2px solid var(--beton-line);background:var(--beton);font-weight:700}.num{font-family:var(--f-mono);text-align:right}.text-soft{color:var(--ink-soft)}.table-toolbar{gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.table-toolbar input,.table-toolbar select{font-family:var(--f-body);border:1px solid var(--beton-line);border-radius:var(--r-md);background:var(--surface);color:var(--ink);padding:8px 12px;font-size:13.5px}.table-toolbar input[type=search]{min-width:220px}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--ink)}.pager{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--beton-line);justify-content:space-between;align-items:center;font-size:13px;display:flex}.pager-btns{align-items:center;gap:var(--sp-3);display:flex}.pager-btns .btn{padding:6px 12px;font-size:13px}@media (width<=720px){.table-card{box-shadow:none;background:0 0;border:none;overflow:visible}.table-card table,.table-card thead,.table-card tbody,.table-card tr,.table-card th,.table-card td{width:100%;display:block}.table-card thead{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.table-card tbody tr{background:var(--surface);border:1px solid var(--beton-line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3)}.table-card tbody tr:last-child{margin-bottom:0}.table-card tbody tr:hover{background:var(--surface)}.table-card tbody td{border-bottom:1px solid var(--beton-line);text-align:left;padding:6px 0}.table-card tbody td:last-child{border-bottom:none}.table-card tbody td[data-label]{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);text-align:right;display:flex}.table-card tbody td[data-label]:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);text-align:left;flex-shrink:0;font-size:11px;font-weight:600}.table-card tfoot td{text-align:left}.table-toolbar{flex-direction:column;align-items:stretch}.table-toolbar input[type=search]{width:100%;min-width:0}.pager{align-items:flex-start;gap:var(--sp-2);flex-direction:column}.pager-btns{flex-wrap:wrap}}.tabs{gap:var(--sp-2);border-bottom:1px solid var(--beton-line);margin:var(--sp-4) 0 var(--sp-3);display:flex}.tab{font-family:var(--f-body);padding:var(--sp-3) var(--sp-2);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:13.5px;font-weight:600}.tab:hover{color:var(--ink)}.tab.active{color:var(--tarpal);border-bottom-color:var(--tarpal)}.stat-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{background:var(--surface);border:1px solid var(--beton-line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.stat-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.stat-value{font-family:var(--f-display);margin-top:6px;font-size:26px;font-weight:700}.install-banner.svelte-12qhfyh{left:var(--sp-4);right:var(--sp-4);bottom:var(--sp-4);z-index:1000;align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--beton-line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:var(--sp-3) var(--sp-4);max-width:420px;margin:0 auto;display:flex;position:fixed}.install-banner.svelte-12qhfyh img:where(.svelte-12qhfyh){border-radius:var(--r-md);flex-shrink:0}.install-text.svelte-12qhfyh{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.install-text.svelte-12qhfyh span:where(.svelte-12qhfyh){color:var(--ink-soft);font-size:12.5px}.install-banner.svelte-12qhfyh .btn:where(.svelte-12qhfyh){flex-shrink:0;padding:8px 14px;font-size:13px}