:root{--paper:#eee9df;--cream:#f8f5ee;--ink:#171b1a;--muted:#666c67;--line:#d7d6cd;--mint:#bdeccf;--mint-dark:#225a45;--red:#a64332;--amber:#a66b18;--white:#fff;--shadow:0 20px 60px #17231c1b}
.review-tag{display:inline-block;margin-left:10px;padding:4px 7px;border:1px solid var(--mint-dark);border-radius:3px;color:var(--mint-dark);font:600 .58rem 'DM Mono',monospace;letter-spacing:.06em}
*{box-sizing:border-box}html{font-family:'Instrument Sans',sans-serif;color:var(--ink);background:var(--paper)}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}[hidden]{display:none!important}
.serial,.eyebrow,.nav-group,.side-foot,.live-pill,.meta,.kicker,.table th,.chip,.top-right,#today,.form-help,.form label,.row-index{font-family:'DM Mono',monospace;letter-spacing:.05em}
.wordmark{display:flex;align-items:center;gap:11px;font-family:'Archivo Black',sans-serif;font-size:1.7rem;line-height:.85;letter-spacing:-.08em}.wordmark img{width:42px;height:42px}.wordmark small{display:block;font:500 .55rem 'DM Mono',monospace;letter-spacing:.16em;margin-top:8px}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1fr) minmax(350px,.85fr);background:var(--cream)}.login-card{padding:clamp(28px,5vw,86px);display:flex;flex-direction:column;align-items:flex-start}.login-card .serial{font-size:.68rem;margin-top:auto;border-top:1px solid var(--line);padding-top:25px;width:100%}.login-card h1{font:clamp(2.7rem,5.4vw,5.7rem)/.98 'Archivo Black',sans-serif;letter-spacing:-.08em;text-transform:uppercase;margin:26px 0}.login-card h1 em{font-style:normal;color:var(--mint-dark)}.login-card p{font-size:1rem;line-height:1.55;max-width:420px;color:#4d554f}.login-card #googleButton{margin:20px 0 12px;min-height:45px}.login-foot{border-top:1px solid var(--line);width:100%;padding-top:18px;margin-top:auto;color:var(--muted);font-size:.78rem}.error-line{color:var(--red)!important;min-height:24px}.login-art{background:#17201b;display:grid;place-items:center;position:relative;overflow:hidden}.login-art:before,.login-art:after{content:"";position:absolute;border:1px solid #bdeccf55;border-radius:50%;width:65%;aspect-ratio:1}.login-art:after{width:85%}.login-art img{position:relative;z-index:1;width:min(80%,600px);filter:drop-shadow(0 35px 40px #0009)}.login-art span{position:absolute;bottom:34px;left:40px;color:var(--mint);font:600 .68rem 'DM Mono',monospace;letter-spacing:.14em}
.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{background:#17201b;color:#ecf0e8;min-height:100vh;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.side-mark{padding:27px 22px 21px;border-bottom:1px solid #ffffff24}.side-mark img{width:38px}.side-caption{padding:20px 23px;display:grid;gap:7px;font-size:.75rem;border-bottom:1px solid #ffffff24}.side-caption strong{font:600 .58rem 'DM Mono',monospace;letter-spacing:.13em;color:var(--mint)}.side-caption span{color:#acb7ad}.sidebar nav{padding:13px 12px 28px}.nav-group{font-size:.58rem;color:#91a496;padding:24px 11px 8px}.sidebar nav button{background:transparent;border:0;color:#d6dfd3;width:100%;display:flex;gap:15px;align-items:center;text-align:left;padding:10px 12px;border-radius:6px;font-size:.84rem;font-weight:600}.sidebar nav button:hover,.sidebar nav button.active{background:#d7f6df;color:#17201b}.sidebar nav button b{font:500 .58rem 'DM Mono',monospace;opacity:.62}.side-foot{margin:auto 22px 22px;border-top:1px solid #ffffff24;padding-top:18px;font-size:.56rem;color:#aebdaf;line-height:1.7}.side-foot i,.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78e49b;margin-right:7px}.side-foot span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace{min-width:0}.topbar{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,3vw,48px);border-bottom:1px solid var(--line);background:var(--cream);position:sticky;top:0;z-index:10}.crumb{font:600 .75rem 'DM Mono',monospace;letter-spacing:.05em}.crumb span{color:#9aa19a;margin:0 9px}.top-right{display:flex;gap:20px;align-items:center;font-size:.62rem}.live-pill{border:1px solid #8bbd9e;border-radius:30px;padding:6px 9px;color:var(--mint-dark);font-size:.58rem}.live-pill i{background:#55b979}.top-link,.icon-button{background:none;border:0;font-size:.7rem;color:var(--ink)}.icon-button{display:none;font-size:1.2rem}
main{padding:clamp(22px,3vw,48px);max-width:1700px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.page-head .kicker{font-size:.62rem;color:var(--mint-dark);font-weight:600}.page-head h1{font:clamp(2rem,3.3vw,3.7rem)/1.02 'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:-.07em;margin:7px 0 8px}.page-head p{margin:0;color:var(--muted);font-size:.86rem}.hero{background:#1d2922;color:white;min-height:278px;border-radius:8px;display:grid;grid-template-columns:1fr 300px;overflow:hidden;margin-bottom:10px;position:relative}.hero:before{content:"";position:absolute;right:110px;top:20px;border:1px solid #bdeccf50;width:260px;aspect-ratio:1;border-radius:50%}.hero-copy{padding:38px 44px;position:relative;z-index:1}.hero .kicker{color:var(--mint);font-size:.63rem}.hero h1{font:clamp(2.2rem,4.3vw,4.6rem)/.98 'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:-.075em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--mint)}.hero p{font-size:.84rem;color:#d1ddd0;max-width:500px}.hero img{height:320px;max-width:100%;object-fit:contain;align-self:end;position:relative;z-index:1;filter:drop-shadow(0 20px 20px #0008)}.readout{display:flex;justify-content:space-between;gap:20px;border:1px solid var(--line);background:var(--cream);padding:12px 17px;font:500 .59rem 'DM Mono',monospace;color:#4e5b51;letter-spacing:.04em;margin-bottom:22px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}.metric{padding:21px;background:var(--cream);border:1px solid var(--line);min-height:128px}.metric .label{font:500 .62rem 'DM Mono',monospace;color:var(--muted)}.metric strong{display:block;font:2rem 'Archivo Black',sans-serif;letter-spacing:-.06em;margin:14px 0 6px}.metric small{font-size:.72rem;color:var(--muted)}.metric.mint{background:var(--mint);border-color:#94cfa8}.grid-two{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.panel{background:var(--cream);border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-bottom:18px}.panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{margin:0;font-size:1rem}.panel-head p{margin:5px 0 0;font-size:.74rem;color:var(--muted)}.panel-body{padding:20px 22px}.panel-link{border:0;background:transparent;color:var(--mint-dark);font-weight:700;font-size:.77rem}.alert{background:#e9f5ea;padding:16px;border:1px solid #bfd9c0;border-radius:5px;font-size:.77rem;line-height:1.5;color:#28543c;margin:16px 0}.alert.warn{background:#fbf2e1;border-color:#e4cb93;color:#785212}.empty{padding:45px;text-align:center;color:var(--muted);font-size:.82rem}.empty strong{display:block;color:var(--ink);margin-bottom:6px}
.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar input,.toolbar select,.form input,.form select,.form textarea{background:#fff;border:1px solid #c8cec6;border-radius:4px;padding:10px 12px;min-height:38px;color:var(--ink)}.toolbar input{min-width:235px}.btn{border:1px solid #282f29;border-radius:4px;padding:10px 15px;background:var(--cream);color:var(--ink);font-size:.74rem;font-weight:700}.btn:hover{background:#dfebdf}.btn.primary{background:#1d2922;color:#fff}.btn.primary:hover{background:#33533e}.btn.mint{background:var(--mint);border-color:#8abe9b}.btn.danger{color:var(--red);border-color:#d6a59f}.toolbar .push{margin-left:auto}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;font-size:.76rem;white-space:nowrap}.table th{text-align:left;background:#e9e9e1;color:#627068;padding:12px 14px;font-size:.58rem;font-weight:500}.table td{padding:13px 14px;border-top:1px solid var(--line);vertical-align:middle}.table tr:hover td{background:#f2f4ed}.table .strong{font-weight:700}.table .sub{display:block;color:var(--muted);font-size:.68rem;margin-top:3px}.table .right{text-align:right}.table button.link{border:0;background:none;color:var(--mint-dark);font-weight:700;font-size:.73rem}.chip{display:inline-block;border-radius:40px;background:#e5ece4;color:#376449;padding:5px 8px;font-size:.55rem;text-transform:uppercase}.chip.amber{background:#f8ecd5;color:#805b20}.chip.red{background:#f7e4df;color:#a64332}.chip.dark{background:#e2e4e2;color:#27302b}.swatch{width:18px;height:18px;display:inline-block;border:1px solid #aaa;border-radius:50%;vertical-align:middle;margin-right:6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.muted{color:var(--muted)}.money{font-family:'DM Mono',monospace;font-size:.71rem}.big-amount{font:2rem 'Archivo Black',sans-serif;letter-spacing:-.05em}
.shade{position:fixed;inset:0;background:#0d1713aa;z-index:20}.drawer{position:fixed;z-index:21;right:0;top:0;bottom:0;width:min(590px,100vw);background:var(--cream);box-shadow:var(--shadow);overflow:auto;padding:28px}.drawer-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px}.drawer-head h2{font:1.6rem 'Archivo Black',sans-serif;letter-spacing:-.04em;margin:8px 0 0}.drawer-close{border:0;background:none;font-size:1.4rem}.drawer-section{padding:20px 0;border-bottom:1px solid var(--line)}.drawer-section h3{font-size:.83rem;margin:0 0 13px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fact small{display:block;color:var(--muted);font:.58rem 'DM Mono',monospace;margin-bottom:4px}.fact strong{font-size:.78rem;word-break:break-word}.timeline{border-left:1px solid #91b89a;margin-left:6px}.timeline li{list-style:none;position:relative;margin:0 0 15px 18px;font-size:.76rem}.timeline li:before{content:"";width:7px;height:7px;background:#6bb284;border-radius:50%;position:absolute;left:-22px;top:5px}.timeline small{display:block;color:var(--muted);font-size:.65rem;margin-top:3px}
.form{display:grid;gap:14px}.form .fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form label{display:grid;gap:6px;font-size:.61rem;color:#515d54}.form input,.form select,.form textarea{width:100%;font-family:'Instrument Sans',sans-serif;letter-spacing:0;font-size:.8rem}.form textarea{min-height:82px;resize:vertical}.form .wide{grid-column:1/-1}.form-help{font-size:.6rem;color:var(--muted);line-height:1.5}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.toast{position:fixed;bottom:22px;right:22px;background:#1c2920;color:white;padding:12px 16px;border-radius:6px;box-shadow:var(--shadow);z-index:40;font-size:.76rem;max-width:380px}.toast.error{background:#8c3227}
.document-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:6px}.flow-step{background:#e9e9e2;border:1px solid var(--line);padding:10px;min-height:82px;display:flex;flex-direction:column;gap:5px}.flow-step.done{background:#e0f3e5;border-color:#a9d4b2}.flow-step.current{background:#1d2922;color:#fff;border-color:#1d2922}.flow-step span{font:500 .56rem 'DM Mono',monospace;opacity:.7}.flow-step strong{font-size:.75rem}.flow-step small{font-size:.59rem;line-height:1.35;overflow-wrap:anywhere}.document-list{border:1px solid var(--line)}.document-row{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.document-row:last-child{border-bottom:0}.document-row strong{font-size:.75rem}.document-row small{display:block;color:var(--muted);font-size:.63rem;margin-top:4px;line-height:1.4}.document-row b{font:500 .58rem 'DM Mono',monospace;color:var(--mint-dark);text-align:right;max-width:115px;overflow-wrap:anywhere}.opname-table{margin:12px -28px;overflow:auto}.opname-table .table{font-size:.68rem}.opname-table .table td{padding:10px 8px}.opname-table .variance{color:var(--red);font-weight:700}
.document-row .link{border:0;background:transparent;color:var(--mint-dark);font-size:.7rem;font-weight:700;white-space:nowrap}.document-row .link:hover{text-decoration:underline}
.back-link{display:block;border:0;background:transparent;color:var(--mint-dark);font:600 .67rem 'DM Mono',monospace;padding:0 0 10px}.back-link:hover{text-decoration:underline}
.mobile-nav-close{display:none}.menu-shade{position:fixed;inset:0;background:#0d1713aa;z-index:29}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.export-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:15px}.export-grid .btn{text-align:left;background:#fff;border-color:var(--line)}.export-all{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.audit-json{padding:14px;background:#e9e9e1;border:1px solid var(--line);font:.7rem/1.6 'DM Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.export-sections{display:grid;gap:8px;margin-top:18px}.export-section{border:1px solid var(--line);background:#faf9f4;border-radius:5px;padding:0 15px 15px}.export-section:not([open]){padding-bottom:0}.export-section summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px;padding:14px 0;font-weight:700;list-style:none}.export-section summary::-webkit-details-marker{display:none}.export-section summary:before{content:'▸';margin-right:8px;color:var(--mint)}.export-section[open] summary:before{content:'▾'}.export-section summary span{margin-left:auto;font-size:.7rem;color:var(--muted);font-weight:400}
.task-actions{display:flex;gap:8px;flex-wrap:wrap}.task-actions .btn{background:#fff}.task-actions .btn.primary{background:#1d2922}
.order-list .panel-head{padding:20px 24px}.order-total{font:600 .62rem 'DM Mono',monospace;letter-spacing:.08em;color:var(--mint-dark);white-space:nowrap}.order-controls{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:18px 24px;background:#f2f0e8;border-bottom:1px solid var(--line)}.order-filters{display:flex;gap:10px;flex-wrap:wrap}.order-filter,.order-search{display:grid;gap:6px}.order-filter span,.order-search label{font:600 .57rem 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#667269}.order-filter select,.order-search input{height:39px;background:#fff;border:1px solid #cbd0c8;border-radius:4px;padding:0 11px;color:var(--ink);font-size:.75rem}.order-filter select{min-width:140px;max-width:205px}.order-search{min-width:min(100%,310px)}.order-search>div{display:flex;gap:6px}.order-search input{min-width:0;flex:1}.order-search .btn{height:39px}.order-list .table-wrap{max-height:none}.order-table{font-size:.75rem}.order-table th{background:#25362c;color:#e5f0e5;padding:0 14px}.order-table th:last-child{min-width:76px}.sort-button{display:flex;align-items:center;gap:8px;width:100%;padding:12px 0;border:0;background:none;color:inherit;text-align:left;font:600 .59rem 'DM Mono',monospace;letter-spacing:.04em;white-space:nowrap}.sort-button span{color:#9dbba7}.sort-button.active span{color:var(--mint)}.sort-button:hover,.sort-button:focus-visible{color:var(--mint)}.order-table td{padding:12px 14px}.order-table tbody tr:nth-child(even) td{background:#f3f1eb}.order-table tbody tr:hover td{background:#e7f3e9}.order-table td:first-child{font-family:'DM Mono',monospace;font-size:.69rem}.order-table td .sub{font-size:.65rem}.order-table .chip{white-space:nowrap}.order-table .money{font-weight:600}.order-pager{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem}.order-pager>div{display:flex;align-items:center;gap:12px}.order-pager .btn{padding:8px 12px}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.hero{grid-template-columns:1fr 220px}.hero img{height:260px}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-card{min-height:100vh}.app-shell{display:block}.sidebar{position:fixed;z-index:30;left:-270px;width:260px;transition:left .2s}.sidebar.open{left:0}.mobile-nav-close{display:block;position:absolute;right:12px;top:21px;border:1px solid #ffffff55;background:#25382b;color:#fff;border-radius:5px;width:36px;height:36px;font-size:1.5rem;line-height:1}.side-mark{padding-right:56px}.icon-button{display:block}.topbar{gap:10px;padding:0 18px}.top-right #today{display:none}main{padding:20px}.page-head{align-items:start;flex-direction:column}.hero{grid-template-columns:1fr}.hero img{display:none}.hero-copy{padding:28px}.readout{flex-wrap:wrap}.metrics{grid-template-columns:1fr 1fr}.metric{min-height:110px;padding:16px}.metric strong{font-size:1.4rem}.split{grid-template-columns:1fr}.drawer{padding:20px}.form .fields{grid-template-columns:1fr}.order-table thead{display:none}.order-table,.order-table tbody,.order-table tr,.order-table td{display:block;width:100%}.order-table tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:15px;border-top:1px solid var(--line)}.order-table td{border:0!important;padding:0!important}.order-table td:nth-child(1),.order-table td:nth-child(3),.order-table td:nth-child(8){grid-column:1/-1}.order-table td:nth-child(6){display:none}.order-table td:nth-child(2):before{content:'JENIS';display:block;color:var(--muted);font:.56rem 'DM Mono',monospace;margin-bottom:4px}.order-table td:nth-child(4):before{content:'STATUS';display:block;color:var(--muted);font:.56rem 'DM Mono',monospace;margin-bottom:4px}.order-table td:nth-child(5):before{content:'PEMBAYARAN';display:block;color:var(--muted);font:.56rem 'DM Mono',monospace;margin-bottom:4px}.order-table td:nth-child(7):before{content:'NILAI';display:block;color:var(--muted);font:.56rem 'DM Mono',monospace;margin-bottom:4px}.order-table td:nth-child(8){text-align:right}.order-table td:nth-child(1){font-size:.9rem}}
@media(max-width:760px){.order-controls{display:block;padding:16px}.order-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.order-filter select{width:100%;min-width:0}.order-search{margin-top:14px;min-width:0}.order-pager{flex-direction:column;align-items:stretch;padding:15px}.order-pager>div{justify-content:space-between;gap:6px}.order-pager .btn{font-size:.67rem}.order-list .panel-head{padding:16px}.order-table tr{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 10px;padding:13px 15px}.order-table td:nth-child(1){grid-column:1/3}.order-table td:nth-child(7){grid-column:3;text-align:right}.order-table td:nth-child(3){grid-column:1/-1}.order-table td:nth-child(2),.order-table td:nth-child(4),.order-table td:nth-child(5){grid-column:auto}.order-table td:nth-child(8){grid-column:1/-1}.order-table td:nth-child(7):before{display:none}.order-table td:nth-child(3) .sub{display:inline;margin-left:7px}.order-table tbody tr:nth-child(even){background:#f3f1eb}.order-table tbody tr:nth-child(even) td{background:transparent}.order-table tbody tr:hover td{background:transparent}}
@media(max-width:760px){.table:not(.order-table) thead{display:none}.table:not(.order-table),.table:not(.order-table) tbody,.table:not(.order-table) tr,.table:not(.order-table) td{display:block;width:100%;min-width:0}.table:not(.order-table) tr{padding:13px 16px;border-bottom:1px solid var(--line);background:#fbfaf6}.table:not(.order-table) tr:nth-child(even){background:#f2f1eb}.table:not(.order-table) td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 0!important;border:0!important;text-align:right!important;overflow-wrap:anywhere}.table:not(.order-table) td:before{content:attr(data-label);font:.58rem/1.4 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;flex:0 0 34%}.table:not(.order-table) td[data-label=""]:before{content:''}.table:not(.order-table) td .sub{display:block}.table:not(.order-table) tr:hover td{background:transparent}.table-wrap{overflow:visible}}

/* Dashboard and compact operational tables */
.dash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 24px}.dash-widget{display:grid;gap:7px;min-height:132px;padding:19px;text-align:left;background:#fbfaf5;border:1px solid #d6d9cf;border-radius:7px;color:#26352a;cursor:pointer}.dash-widget:hover,.dash-widget:focus-visible{border-color:#69a77a;background:#f0f8ed}.dash-widget span{font-size:.73rem;color:#57665c}.dash-widget strong{font:1.65rem 'Archivo Black',sans-serif}.dash-widget small{color:#327146;font-weight:700}.dash-line{display:flex;align-items:center;gap:15px;width:100%;padding:13px 0;border:0;border-bottom:1px solid #ddd;background:transparent;text-align:left;color:inherit;cursor:pointer}.dash-line span{flex:1}.dash-line strong{color:#346947}.table tbody tr:has(button[data-action]){cursor:pointer}.table tbody tr:has(button[data-action]):focus-within td{background:#e7f3e9}.order-table td{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-table td .sub{display:none}.invoice-print{padding:18px;border:1px solid #d5d6ce;background:#fff}.journal-line{display:grid;grid-template-columns:2fr 1fr 1fr;gap:9px;margin:12px 0}.drawer-section>summary{cursor:pointer;font-weight:700}.row-action{width:60px}
@media(max-width:760px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-widget{min-height:112px;padding:13px}.dash-widget strong{font-size:1.2rem}.journal-line{grid-template-columns:1fr}.order-table tr{display:grid;grid-template-columns:1fr 1fr!important}.order-table td{grid-column:auto!important;display:block!important;text-align:left!important}.order-table td:nth-child(1),.order-table td:nth-child(2),.order-table td:nth-child(6){grid-column:1/-1!important}.order-table td:nth-child(5){text-align:right!important}.order-table td:nth-child(3):before{content:'JENIS'}.order-table td:nth-child(4):before{content:'STATUS'}.order-table td:nth-child(5):before{content:'NOMINAL'}.order-table td:nth-child(6){text-align:right!important}}
@media print{body *{visibility:hidden!important}.invoice-print,.invoice-print *{visibility:visible!important}.invoice-print{position:absolute;left:0;top:0;width:100%;border:0;font-size:12pt}.invoice-print h2{font-size:22pt}}
.stocktake-form{display:block}.stocktake-entry input{width:100px;max-width:100%;padding:8px;border:1px solid #b8c8ba;border-radius:4px}.stocktake-entry td{vertical-align:middle}.stocktake-entry th:nth-child(1){min-width:220px}.stocktake-entry th{white-space:normal}.stocktake-form .panel-body{padding:20px}.import-label{display:inline-flex;align-items:center;cursor:pointer}.positive{color:#277245}.negative{color:#b34b38}
@media(max-width:760px){.stocktake-entry{min-width:760px}.stocktake-form .table-wrap{overflow:auto!important}.stocktake-entry thead{display:table-header-group!important}.stocktake-entry tbody{display:table-row-group!important}.stocktake-entry tr{display:table-row!important}.stocktake-entry td{display:table-cell!important;width:auto!important;padding:9px!important;text-align:left!important}.stocktake-entry td:before{display:none!important}}

@media(max-width:760px){.order-table td:nth-child(2):before{content:'PELANGGAN'}.order-table td:nth-child(3):before{content:'JENIS'}}
.production-design{padding:17px;border:1px solid #d6dad1;border-radius:6px;margin:12px 0;background:#f9faf6}.production-design img{max-width:100%;max-height:280px;object-fit:contain;background:#eceee6;border-radius:4px}.production-design .task-actions{margin-top:12px}.production-design a.btn{text-decoration:none;display:inline-flex;align-items:center}
.order-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.order-title strong{font:1.25rem 'Archivo Black',sans-serif}.order-title span{display:flex;gap:5px}.drawer-section .task-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
/* Compact filters keep order search and table headings readable. */
.order-mini-filters{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
.order-mini-filters .order-filter select{min-width:116px;max-width:175px}
@media(max-width:760px){.order-mini-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}.order-mini-filters .order-filter select{width:100%;min-width:0}}
@media(max-width:760px){.order-table tbody tr{grid-template-columns:minmax(0,1fr) auto!important;gap:7px 18px!important;padding:13px 16px!important}.order-table td{max-width:none;min-width:0}.order-table td:nth-child(1){grid-column:1/-1!important;font-size:.81rem}.order-table td:nth-child(2){grid-column:1!important}.order-table td:nth-child(3){grid-column:2!important;text-align:right!important}.order-table td:nth-child(4){grid-column:1!important}.order-table td:nth-child(5){grid-column:2!important;text-align:right!important}.order-table td:nth-child(6){display:none!important}.order-table td:nth-child(2):before,.order-table td:nth-child(3):before,.order-table td:nth-child(4):before,.order-table td:nth-child(5):before{display:block!important;margin:0 0 3px!important;content:attr(data-label)!important;color:#667269;font:600 .56rem 'DM Mono',monospace;letter-spacing:.04em}.order-table td .chip{font-size:.59rem}}

/* Work dialogs open in the center, with room for forms and document previews. */
body.dialog-open{overflow:hidden}
.shade{background:#111d18b8;backdrop-filter:blur(3px)}
.drawer{left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0 28px 28px;border:1px solid #d2d9cf;border-radius:12px;box-shadow:0 30px 100px #09180e66;overscroll-behavior:contain}
.drawer-head{position:sticky;top:0;z-index:2;align-items:center;gap:16px;margin:0 -28px;padding:21px 28px 18px;background:var(--cream)}
.drawer-head h2{font-size:clamp(1.25rem,2.5vw,1.7rem);line-height:1.15}
.drawer-close{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:1.4rem;line-height:1}
.drawer-close:hover,.drawer-close:focus-visible{background:var(--mint)}
.drawer-section:last-child{border-bottom:0}
.drawer .table-wrap{overflow:auto}
@media(max-width:760px){.drawer{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:0 17px 17px;border-radius:9px}.drawer-head{margin:0 -17px;padding:17px;align-items:start}.drawer .facts{grid-template-columns:1fr 1fr}}

/* Final BAEJU identity, compact login, and operational detail layouts. */
:root{--paper:#ece6da;--cream:#f6f2ea;--ink:#141414;--muted:#5f5a50;--line:#d6cdbd;--mint:#1dc98b;--mint-dark:#0e9f6e;--white:#fff;color-scheme:light}
:root[data-theme="dark"]{--paper:#121311;--cream:#1b1c19;--ink:#ece6da;--muted:#a39d90;--line:#2d2e2a;--mint:#2ee59d;--mint-dark:#2ee59d;--white:#242620;color-scheme:dark}
.login-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:0;max-width:1040px;min-height:min(760px,calc(100dvh - 48px));margin:24px auto;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
body:has(.login-shell:not([hidden])){background:var(--paper)}
.login-art{grid-column:1;grid-row:1;background:#141414}.login-art:before,.login-art:after{display:none}.login-art img{width:auto;height:min(65vh,510px);max-width:90%;filter:none}.login-art span{color:#b8f5d9}
.login-card{grid-column:2;grid-row:1;min-height:580px;justify-content:center;padding:clamp(30px,5vw,64px);position:relative}.login-logo{width:92px;height:122px;object-fit:contain;align-self:center}.login-card .serial{width:auto;margin:28px 0 0;border:0;padding:0;color:var(--mint-dark);align-self:center}.login-card h1{font-size:clamp(2.2rem,3.4vw,3.2rem);text-align:center;text-transform:none;align-self:center;margin:20px 0 12px}.login-card p{text-align:center;align-self:center}.login-card #googleButton,.login-card #reviewLogin{align-self:center}.login-card .login-foot{margin:28px 0 0;text-align:center}.login-theme{position:absolute;top:24px;right:24px;padding:6px 9px;border:1px solid var(--line);border-radius:20px}
:root[data-theme="dark"] .login-card p{color:var(--muted)}
.admin-login-form{display:grid;gap:14px;width:min(100%,360px);margin:20px auto 0}.admin-login-form label{display:grid;gap:6px;font-size:.76rem;font-weight:700;text-align:left}.admin-login-form input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:var(--cream);color:var(--ink);font:inherit}.admin-login-form input:focus{outline:2px solid var(--mint-dark);outline-offset:2px}.admin-login-form button{justify-content:center;min-height:46px}
:root[data-theme="dark"] .login-logo{background:#f6f2ea;padding:4px;border-radius:8px}
.side-mark img{width:51px;height:64px;object-fit:cover;border-radius:4px}.side-mark span{font-size:1.1rem;letter-spacing:-.03em}.side-mark small{font-size:.48rem}
.row-open-sr{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.table tbody tr:has(.row-open-sr){cursor:pointer}.table tbody tr:has(.row-open-sr):hover td{background:var(--mint)}
.detail-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:7px}.detail-table{width:100%;border-collapse:collapse;font-size:.78rem}.detail-table th{text-align:left;background:color-mix(in srgb,var(--mint) 15%,var(--cream));font:.6rem 'DM Mono',monospace;text-transform:uppercase;color:var(--muted);letter-spacing:.05em;padding:12px}.detail-table td{padding:13px 12px;border-top:1px solid var(--line);vertical-align:top}.detail-table th:not(:first-child),.detail-table td:not(:first-child){text-align:right;white-space:nowrap}.detail-table td small{display:block;color:var(--muted);margin-top:4px}.shipping-address{font-size:.78rem;line-height:1.55;margin:15px 0 0}
.payment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.payment-summary>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:6px;padding:13px}.payment-summary small,.invoice-print small{font:.59rem 'DM Mono',monospace;letter-spacing:.04em;color:var(--muted)}.payment-summary strong{font-size:.8rem;overflow-wrap:anywhere}.payment-summary span:not(.chip){font-size:.7rem;color:var(--muted)}.payment-summary .btn{padding:7px 9px;font-size:.66rem}.payment-history{margin-top:16px;font-size:.75rem}.payment-history summary{cursor:pointer;font-weight:700}
.invoice-print{background:#fff;color:#141414;padding:32px;border:1px solid #d6d6d0;border-radius:5px;line-height:1.45}.invoice-top,.invoice-info{display:flex;justify-content:space-between;gap:20px}.invoice-top{padding-bottom:24px;border-bottom:2px solid #141414}.invoice-brand{display:flex;align-items:center;gap:12px}.invoice-brand img{height:75px;width:57px;object-fit:contain}.invoice-brand strong{font:1.1rem 'Archivo Black',sans-serif;display:block}.invoice-brand small{display:block;margin-top:5px}.invoice-number{text-align:right;display:grid;align-content:center;gap:4px}.invoice-number strong{font-size:.82rem}.invoice-number span{font-size:.7rem}.invoice-info{margin:25px 0}.invoice-info>div{display:grid;gap:5px;font-size:.76rem}.invoice-info strong{font-size:.88rem}.invoice-address{font-size:.74rem;padding:12px;background:#f2f4ef}.invoice-lines{font-size:.7rem}.invoice-totals{max-width:310px;margin:22px 0 18px auto;font-size:.76rem}.invoice-totals>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0}.invoice-totals .grand,.invoice-totals .balance{border-top:1px solid #bbb;padding-top:12px;font-size:.9rem}.invoice-totals .balance{color:#0e7752}.invoice-foot{border-top:1px solid #ddd;padding-top:17px;display:grid;gap:3px;color:#666;font-size:.67rem}
.audit-design{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:10px;margin:8px 0}.audit-design img{width:75px;height:75px;object-fit:contain}.audit-design small{display:block;color:var(--muted)}
.customer-account-preview{margin:18px 0;padding:20px;background:#151a17;color:#f4f0e7;border-radius:12px}.customer-account-brand{font:1.3rem 'Archivo Black',sans-serif;letter-spacing:-.04em}.customer-account-brand small{font:.6rem 'DM Mono',monospace;letter-spacing:.18em}.customer-account-brand span{display:block;margin:12px 0 18px;font:1.05rem 'Instrument Sans',sans-serif;letter-spacing:0}.customer-account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.customer-account-stats>div{background:#27382e;border-radius:8px;padding:11px;min-width:0}.customer-account-stats small,.customer-account-stats span,.customer-account-row span{display:block;color:#b9c8bb;font-size:.67rem}.customer-account-stats strong{display:block;margin:5px 0;color:#2fe39b;font:1.25rem 'Archivo Black',sans-serif}.customer-account-preview h3{margin:22px 0 8px;font-size:.84rem;color:#f4f0e7}.customer-account-row{border:1px solid #3b5143;border-radius:8px;padding:11px;margin:7px 0;min-width:0}.customer-account-row strong{display:block;overflow-wrap:anywhere;font-size:.78rem}.customer-account-row.design{display:flex;align-items:center;gap:11px}.customer-account-row.design img{width:64px;height:64px;object-fit:contain;border-radius:5px;background:#fff}.customer-account-preview .empty{background:transparent;color:#f4f0e7;border-color:#3b5143}.customer-account-preview .empty strong{color:#f4f0e7}
.purchase-item-results{display:grid;gap:2px;max-height:220px;overflow:auto}.purchase-item-option{border:1px solid var(--line);background:var(--white);color:var(--ink);text-align:left;padding:10px;font:600 .76rem 'Instrument Sans',sans-serif}.purchase-item-option:hover,.purchase-item-option:focus-visible{background:var(--mint);color:#101814}
:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .panel,:root[data-theme="dark"] .metric,:root[data-theme="dark"] .dash-widget,:root[data-theme="dark"] .drawer,:root[data-theme="dark"] .login-card{background:var(--cream);color:var(--ink)}
:root[data-theme="dark"] .table th,:root[data-theme="dark"] .order-controls,:root[data-theme="dark"] .order-pager,:root[data-theme="dark"] .detail-table th{background:#262923;color:var(--muted)}
:root[data-theme="dark"] .table td,:root[data-theme="dark"] .drawer-head,:root[data-theme="dark"] .drawer-section{border-color:var(--line)}
:root[data-theme="dark"] .toolbar input,:root[data-theme="dark"] .toolbar select,:root[data-theme="dark"] .form input,:root[data-theme="dark"] .form select,:root[data-theme="dark"] .form textarea,:root[data-theme="dark"] .order-search input{background:#242620;color:var(--ink);border-color:#484b42}
:root[data-theme="dark"] .drawer-head,:root[data-theme="dark"] .drawer-close,:root[data-theme="dark"] .btn{background:var(--cream);color:var(--ink)}
:root[data-theme="dark"] .btn.primary{background:var(--mint);color:#0b1410;border-color:var(--mint)}
:root[data-theme="dark"] .btn.mint{background:#16322a;color:var(--ink)}
:root[data-theme="dark"] .table tr:hover td,:root[data-theme="dark"] .table tbody tr:has(.row-open-sr):hover td{background:#16322a}
:root[data-theme="dark"] .chip.dark{background:#333931;color:#d4ead9}:root[data-theme="dark"] .chip.amber{background:#453920;color:#ffd695}:root[data-theme="dark"] .chip.red{background:#4a2825;color:#ffb3a3}
:root[data-theme="dark"] .alert{background:#16322a;color:#c0edd4;border-color:#2b6e51}:root[data-theme="dark"] .alert.warn{background:#42351e;color:#f5d69c;border-color:#856a34}
:root[data-theme="dark"] .invoice-print{background:#fff;color:#141414}:root[data-theme="dark"] .invoice-print small{color:#666}
:root[data-theme="dark"] .dash-widget,:root[data-theme="dark"] .production-design,:root[data-theme="dark"] .export-section,:root[data-theme="dark"] .audit-json{background:#242620;color:var(--ink);border-color:var(--line)}
:root[data-theme="dark"] .dash-widget span,:root[data-theme="dark"] .dash-widget small{color:var(--muted)}
:root[data-theme="dark"] .order-filter select{background:#242620;color:var(--ink);border-color:#484b42}
:root[data-theme="dark"] .order-table tbody tr:nth-child(even) td{background:#242620}
:root[data-theme="dark"] .order-table tbody tr:hover td{background:#16322a}
@media(max-width:760px){:root[data-theme="dark"] .table:not(.order-table) tr,:root[data-theme="dark"] .table:not(.order-table) tr:nth-child(even){background:#242620;color:var(--ink)}:root[data-theme="dark"] .table:not(.order-table) td:before{color:var(--muted)}:root[data-theme="dark"] .order-table tbody tr,:root[data-theme="dark"] .order-table tbody tr:nth-child(even){background:#242620;color:var(--ink)}:root[data-theme="dark"] .order-table td:nth-child(2):before,:root[data-theme="dark"] .order-table td:nth-child(3):before,:root[data-theme="dark"] .order-table td:nth-child(4):before,:root[data-theme="dark"] .order-table td:nth-child(5):before{color:var(--muted)}}
@media(max-width:760px){.login-shell{display:block;min-height:100dvh;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}.login-art{display:none}.login-card{min-height:100dvh;padding:76px 28px 28px}.login-logo{width:80px;height:104px}.login-card .login-foot{margin-top:32px}.top-right{gap:8px}.top-right #today{display:none}.top-right .top-link{font-size:.61rem}.payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-table{min-width:480px}.invoice-print{padding:16px}.invoice-top{align-items:start}.invoice-brand strong{font-size:.85rem}.invoice-brand img{width:39px;height:55px}.invoice-info{gap:8px}.invoice-number strong{overflow-wrap:anywhere}.table:not(.order-table) td.product-name{white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;text-align:right!important}.table:not(.order-table) td.product-name:before{white-space:nowrap}.page-head>.toolbar{display:flex;gap:8px}.page-head>.toolbar .btn{margin:0}.top-right .live-pill{display:none}}
@media(max-width:360px){.payment-summary{gap:6px}.payment-summary>div{padding:9px}.topbar{padding:0 14px}.top-right .top-link{font-size:.58rem}.login-card h1{font-size:2.2rem}}
@media print{html,body{background:#fff!important;color:#141414!important}body.dialog-open{overflow:visible}#login,#app,#shade,#menuShade,#toast{display:none!important}#drawer{display:block!important;position:static!important;transform:none!important;width:100%!important;max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important;padding:0!important;background:#fff!important}#drawer>*:not(.invoice-print){display:none!important}.invoice-print,.invoice-print *{visibility:visible!important}.invoice-print{width:100%!important;border:0!important;border-radius:0!important;padding:0!important;position:static!important;break-inside:avoid}}

/* Navigasi kelompok: rel ikon, menu klik, dan mode lebar. */
.app-shell.nav-compact{grid-template-columns:76px minmax(0,1fr)}
.app-shell.nav-compact .sidebar{overflow:visible}
.app-shell.nav-compact .side-mark{padding:17px 11px;justify-content:center}
.app-shell.nav-compact .side-mark img{width:48px;height:62px}
.app-shell.nav-compact .side-mark span,.app-shell.nav-compact .side-caption,.app-shell.nav-compact #nav,.app-shell.nav-compact .side-foot{display:none}
.sidebar .nav-rail{display:none;padding:18px 8px;gap:12px;flex-direction:column}
.nav-compact .sidebar .nav-rail{display:flex}
.sidebar .nav-rail button{position:relative;display:grid;place-items:center;gap:0;width:58px;height:58px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:#d6dfd3}
.sidebar .nav-rail button:hover,.sidebar .nav-rail button:focus-visible,.sidebar .nav-rail button.active{background:#263c30;border-color:#5a8f72;color:#d7f6df}
.nav-rail button.active:before{content:'';position:absolute;left:-8px;width:3px;height:33px;background:var(--mint);border-radius:3px}
.rail-icon{display:grid;place-items:center;width:35px;height:35px;font:1.7rem 'Instrument Sans',sans-serif;line-height:1}
.rail-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rail-icon.rail-rp{font:700 .95rem 'DM Mono',monospace;border:2px solid currentColor;border-radius:50%}
.rail-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(hover:hover){.nav-rail button:hover:after{content:attr(aria-label);position:absolute;z-index:35;left:68px;top:11px;min-width:120px;padding:10px 13px;border:1px solid #4e795e;border-radius:7px;background:#1b2b22;color:#e9f7eb;text-align:left;font:600 .78rem 'Instrument Sans',sans-serif;box-shadow:0 12px 30px #0005}}
.nav-rail button[aria-expanded="true"]:hover:after{display:none}
.nav-flyout{position:fixed;z-index:33;left:76px;top:122px;width:min(320px,calc(100vw - 88px));max-height:calc(100dvh - 142px);overflow:auto;padding:20px;border:1px solid #4d6c58;border-radius:0 12px 12px 0;background:#1b2920;color:#edf5e9;box-shadow:15px 18px 40px #08110bb5}
.nav-flyout-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid #ffffff26}
.nav-flyout h2{margin:0;font:1.15rem 'Archivo Black',sans-serif}
.nav-flyout-close{border:0;background:transparent;color:#edf5e9;font-size:1.4rem}
.nav-flyout-list{display:grid;gap:5px;margin-top:14px}
.nav-flyout-list button{border:0;border-radius:6px;background:transparent;color:#d6dfd3;text-align:left;padding:12px;font-weight:600}
.nav-flyout-list button:hover,.nav-flyout-list button:focus-visible,.nav-flyout-list button.active{background:#d7f6df;color:#17201b}
.desktop-nav-toggle{display:block;margin-right:18px;font-size:1.25rem;min-width:32px}
.topbar .crumb{margin-right:auto}
:root[data-theme="dark"] .table tbody tr:focus td,:root[data-theme="dark"] .table tbody tr:focus-within td,:root[data-theme="dark"] .table tbody tr:hover td,:root[data-theme="dark"] .order-table tbody tr:focus td,:root[data-theme="dark"] .order-table tbody tr:focus-within td,:root[data-theme="dark"] .order-table tbody tr:hover td{background:#234435!important;color:#f4f5ef!important}
:root[data-theme="dark"] .table tbody tr:focus td .sub,:root[data-theme="dark"] .table tbody tr:focus-within td .sub,:root[data-theme="dark"] .table tbody tr:hover td .sub{color:#c9d5ca!important}
:root[data-theme="dark"] .table tbody tr:focus td .money,:root[data-theme="dark"] .table tbody tr:focus-within td .money,:root[data-theme="dark"] .table tbody tr:hover td .money{color:#f4f5ef!important}
:root[data-theme="dark"] ::selection{background:#237d5b;color:#fff}
@media(max-width:760px){.app-shell.nav-compact{display:block}.nav-compact .sidebar{width:76px;left:-76px}.nav-compact .sidebar.open{left:0}.nav-compact .mobile-nav-close{display:none}.desktop-nav-toggle{display:none}.nav-flyout{top:88px;max-height:calc(100dvh - 102px)}.nav-rail button:hover:after{display:none}}
@media(max-width:760px){:root[data-theme="dark"] .table tbody tr:focus-within,:root[data-theme="dark"] .order-table tbody tr:focus-within{background:#234435!important;color:#f4f5ef!important}:root[data-theme="dark"] .table tbody tr:focus-within td,:root[data-theme="dark"] .order-table tbody tr:focus-within td{background:transparent!important}}