:root{--bg:#fef9f7;--surface:#faf3f1;--surface-muted:#f7eeec;--sidebar:#eee1de;--text:#251613;--muted:#6b5954;--border:#d6c7c3;--accent:#963d3a;--accent-hover:#862726;--success:#448a48;--warning:#d19936;--error:#c04637;--info:#2d74aa}@supports (color:lab(0% 0 0)){:root{--bg:lab(98.2163% 1.65424 1.32855);--surface:lab(96.4616% 2.20752 1.77271);--surface-muted:lab(94.7069% 2.76178 2.21769);--sidebar:lab(90.6173% 3.87356 3.11009);--text:lab(9.32348% 7.15216 5.51038);--muted:lab(39.4917% 7.01046 5.63442);--border:lab(81.3074% 4.99183 4.00791);--accent:lab(38.496% 37.6956 21.8926);--accent-hover:lab(31.4157% 41.0364 24.7786);--success:lab(51.5825% -33.6458 27.7287);--warning:lab(67.5038% 14.825 57.728);--error:lab(47.4614% 49.2593 36.331);--info:lab(46.3551% -8.44523 -35.9237)}}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);letter-spacing:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:var(--sidebar-width,268px) minmax(0, 1fr);min-height:100vh;transition:grid-template-columns .18s ease-out;display:grid}.app-shell.is-collapsed{--sidebar-width:76px}.sidebar{border-right:1px solid var(--border);background:var(--sidebar);height:100vh;padding:18px 14px;position:sticky;top:0}.brand{align-items:center;gap:10px;min-height:42px;margin-bottom:22px;font-weight:750;display:flex}.brand-mark{background:var(--accent);color:#fef9f7;color:lab(98.2163% 1.65424 1.32855);border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.nav{gap:6px;display:grid}.nav-item,.icon-button,.button{cursor:pointer;border:1px solid #0000;border-radius:8px}.nav-item{min-height:40px;color:var(--muted);align-items:center;gap:10px;padding:0 10px;display:flex}.nav-item:hover,.nav-item.is-active{color:var(--text);background:#fef9f7bd;background:lab(98.2163% 1.65424 1.32855/.74)}.nav-item.is-active{border-color:#963d3a3d;border-color:lab(38.496% 37.6956 21.8926/.24)}.collapsed-label{display:inline}.is-collapsed .collapsed-label{display:none}.topbar{border-bottom:1px solid var(--border);background:#fef9f7eb;background:lab(98.2163% 1.65424 1.32855/.92);justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:14px 24px;display:flex}.page{min-width:0}.content{width:min(1440px,100%);padding:24px}.page-title{margin:0;font-size:24px;font-weight:750}.page-subtitle{color:var(--muted);margin:4px 0 0;font-size:14px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.grid{gap:16px;display:grid}.grid.metrics{grid-template-columns:repeat(5,minmax(160px,1fr))}.grid.two{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:16px}.panel-title{margin:0 0 12px;font-size:18px;font-weight:750}.metric{gap:8px;min-height:104px;display:grid}.metric-label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:650}.metric-value{font-size:26px;font-weight:780}.metric-note{color:var(--muted);font-size:12px}.button{background:var(--accent);color:#fef9f7;color:lab(98.2163% 1.65424 1.32855);justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-weight:650;display:inline-flex}.button:hover{background:var(--accent-hover)}.button.secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.icon-button{background:var(--surface);width:38px;height:38px;color:var(--text);place-items:center;display:inline-grid}.table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:10px 12px;font-size:13px}th{z-index:1;background:var(--surface-muted);color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700;position:sticky;top:0}tr:last-child td{border-bottom:0}.chip{border:1px solid var(--border);background:var(--surface);min-height:26px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:650;display:inline-flex}.chip.done{color:#15461a;color:lab(25.6764% -25.2905 21.3205);background:#c6e9c6;background:lab(89.1767% -16.7674 13.1527);border-color:#448a4852;border-color:lab(51.5825% -33.6458 27.7287/.32)}.chip.locked{color:#704e09;color:lab(36.1652% 10.6587 41.7721);background:#fee8c6;background:lab(93.1262% 4.09111 19.2155);border-color:#d1993652;border-color:lab(67.5038% 14.825 57.728/.32)}.form-grid{gap:12px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:12px;font-weight:700}.field input,.field select{border:1px solid var(--border);width:100%;min-height:40px;color:var(--text);background:#fefbfa;background:lab(98.8109% 1.102 .885057);border-radius:8px;padding:0 11px}.field input:focus,.field select:focus,.button:focus,.icon-button:focus{outline-offset:2px;outline:3px solid #963d3a3d;outline:3px solid lab(38.496% 37.6956 21.8926/.24)}.workflow-button{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.workflow-button.is-checked{background:#c6e9c6;background:lab(89.1767% -16.7674 13.1527);border-color:#448a4866;border-color:lab(51.5825% -33.6458 27.7287/.4)}.workflow-button:disabled{cursor:not-allowed;opacity:.58}.mobile-only{display:none}.notice{color:#513807;color:lab(25.7381% 8.20331 31.9893);background:#feecd1;background:lab(94.2759% 3.14939 15.2635);border:1px solid #d1993659;border:1px solid lab(67.5038% 14.825 57.728/.35);border-radius:8px;padding:12px 14px;font-size:13px}.login-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.login-option{border:1px solid var(--border);background:#fef9f7;background:lab(98.2163% 1.65424 1.32855);border-radius:8px;align-content:start;gap:12px;min-height:320px;padding:16px;display:grid}.login-option-icon{width:40px;height:40px;color:var(--accent);background:#eee1de;background:lab(90.6173% 3.87356 3.11009);border-radius:8px;place-items:center;display:grid}.login-page{background:linear-gradient(#fef9f7 0%,#f7eeec 100%);background:linear-gradient(lab(98.2163% 1.65424 1.32855) 0%,lab(94.7069% 2.76178 2.21769) 100%);place-items:center;min-height:100svh;padding:18px;display:grid}.login-card{border:1px solid var(--border);background:var(--surface);width:min(430px,100%);color:var(--text);border-radius:8px;padding:26px 24px 24px;box-shadow:0 18px 52px #2516131f;box-shadow:0 18px 52px lab(9.32348% 7.15216 5.51038/.12)}.login-brand{align-items:center;gap:10px;min-height:42px;margin-bottom:22px;font-weight:750;display:flex}.login-heading{gap:8px;display:grid}.login-heading h1{margin:0;font-size:24px;font-weight:750;line-height:1.18}.login-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.login-stack{gap:10px;margin-top:22px;display:grid}.provider-button{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);cursor:pointer;background:#fefbfa;background:lab(98.8109% 1.102 .885057);border-radius:8px;justify-content:center;align-items:center;gap:10px;font-weight:750;display:inline-flex}.provider-button:hover{background:#fbf1ee;background:lab(95.8522% 3.31664 2.6631);border-color:#963d3a52;border-color:lab(38.496% 37.6956 21.8926/.32)}.provider-logo{flex:none;width:18px;height:18px}.login-divider{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:14px 0 8px;font-size:12px;display:grid}.login-divider span{background:var(--border);height:1px}.login-fieldset{gap:8px;display:grid}.login-fieldset label{color:var(--muted);letter-spacing:.06em;margin:0;font-size:11px;font-weight:800}.country-select,.phone-entry,.otp-code{border:1px solid var(--border);min-height:46px;color:var(--text);background:#fefbfa;background:lab(98.8109% 1.102 .885057);border-radius:8px}.country-select{align-items:center;gap:10px;padding:0 12px;display:flex}.indonesia-flag{background:linear-gradient(#ef3340 0 50%,#f8f8f7 50% 100%);border-radius:2px;width:22px;height:14px}.select-chevron{color:var(--muted);flex:none;margin-left:auto}.phone-entry{border-color:#963d3a5c;border-color:lab(38.496% 37.6956 21.8926/.36);grid-template-columns:50px minmax(0,1fr) 42px;align-items:center;display:grid;box-shadow:0 0 0 3px #963d3a24;box-shadow:0 0 0 3px lab(38.496% 37.6956 21.8926/.14)}.phone-entry span{border-right:1px solid var(--border);height:100%;color:var(--muted);place-items:center;font-weight:750;display:grid}.phone-entry input,.otp-code{color:var(--text);background:0 0;border:0;outline:0;font-weight:650}.phone-entry input{min-width:0;padding:0 12px}.phone-entry input::placeholder,.otp-code::placeholder{color:#867672;color:lab(51.1312% 5.57333 4.47552)}.otp-send{background:var(--accent);color:#fef9f7;color:lab(98.2163% 1.65424 1.32855);cursor:pointer;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.otp-send:disabled,.login-submit:disabled{cursor:not-allowed;opacity:.56}.otp-code{padding:0 12px}.login-submit{background:var(--accent);color:#fef9f7;color:lab(98.2163% 1.65424 1.32855);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:44px;font-weight:800;display:inline-flex}.login-submit:not(:disabled):hover{background:var(--accent-hover)}.login-note,.login-message{color:var(--accent);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.pending-card{gap:18px;display:grid}.pending-summary{border:1px solid var(--border);border-radius:8px;grid-template-columns:88px minmax(0,1fr);gap:8px 12px;padding:14px;display:grid}.pending-summary span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.pending-summary strong{overflow-wrap:anywhere;min-width:0;font-size:13px}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-only{display:inline-flex}.content{padding:18px}.grid.metrics,.grid.two,.login-options{grid-template-columns:1fr}.topbar{padding:12px 18px}.table-wrap{border-radius:8px}table{min-width:640px}}@media (max-width:640px){.content{padding:14px}.page-title{font-size:20px}.metric-value{font-size:22px}.login-card{padding:24px 20px 20px}.login-heading h1{font-size:22px}}