:root{--chrome:#24553f;--chrome-2:#31694f;--chrome-line:#477861;--sidebar:#6f9f7e;--sidebar-2:#80ad8d;--sidebar-line:#9bc3a7;--cream:#f1f5ee;--surface:#fff;--surface-alt:#edf4ea;--ink:#173326;--muted:#68786d;--border:#dde7d9;--accent:#92d36e;--accent-dark:#61b53c;--accent-soft:#e3f3d9;--danger:#c0453b;--danger-soft:#f5deda;--warn:#c99a2e;--warn-soft:#f5ebcf;--good:#2f6b4f;--good-soft:#dceee3;--blue:#2e5c86;--blue-soft:#dee8f1;--radius:10px;--on-sidebar:#173b2a;--on-sidebar-dim:#315e46;--on-chrome-dim:#c8cdd6;--ink-soft:#757d8d;--warn-ink:#7a5c13;--warn-ink-strong:#96551b;--warn-bg:#fdeedd;--ok-ink:#2f6b3d;--ok-bg:#e4f0e6;--accent-line:#b8d8a6;--accent-bg:#ddf2d1;--font-utama:"Inter", sans-serif;--radius-besar:10px;--ink-kuat:#12321f;--ink-sedang:#1c4632;--ink-paling:#102f20;--sidebar-3:#49795d;--accent-garis:#c9e3bb;--permukaan-tenang:#f2f7f3;--abu-tenang:#e8eceb;--papan-krem:#d3cbb3;--on-sidebar-rgb:23, 59, 42;--bayang-rgb:26, 66, 48;--bayang-tua-rgb:23, 51, 38;--sb-label-ink:#12321f;--sb-item-ink:#1c4632;--sb-item-ink-kuat:#102f20;--ungu:#6a3fa0;--ungu-2:#5b3d94;--ungu-soft:#ebe1f5;--ungu-soft-2:#ede6fa}:root[data-tema=blue_robot]{--chrome:#1e4a8a;--chrome-2:#27538f;--chrome-line:#3f6cab;--sidebar:#27538f;--sidebar-2:#31609f;--sidebar-line:#4a7ab8;--sidebar-3:#a9ccff;--cream:#f3f8ff;--surface:#fff;--surface-alt:#e7f1ff;--ink:#26384f;--muted:#6f7d91;--border:#e8eef6;--accent:#4388ed;--accent-dark:#2d6fd1;--accent-soft:#e7f1ff;--danger:#d45454;--danger-soft:#fff0f0;--warn:#f6a928;--warn-soft:#fff1d3;--good:#2f8f5f;--good-soft:#e9f8f0;--blue:#2d6fd1;--blue-soft:#cfe3ff;--on-sidebar:#fff;--on-sidebar-dim:#bed4f2;--sb-label-ink:#a9ccff;--sb-item-ink:#e7f1ff;--sb-item-ink-kuat:#fff;--on-chrome-dim:#b7cbee;--ink-soft:#6f7d91;--warn-ink:#b87708;--warn-ink-strong:#b87708;--warn-bg:#fff1d3;--ok-ink:#2f8f5f;--ok-bg:#e9f8f0;--accent-line:#a9ccff;--accent-bg:#cfe3ff;--ink-kuat:#183b70;--ink-sedang:#214b89;--ink-paling:#13305c;--accent-garis:#cfe3ff;--permukaan-tenang:#f3f8ff;--abu-tenang:#eef2f7;--papan-krem:#cfe3ff;--on-sidebar-rgb:255, 255, 255;--bayang-rgb:36, 76, 125;--bayang-tua-rgb:24, 59, 112;--ungu:#2d6fd1;--ungu-2:#1e4a8a;--ungu-soft:#dbe9ff;--ungu-soft-2:#e7f1ff;--font-utama:"Plus Jakarta Sans", "Inter", sans-serif;--radius:13px;--radius-besar:16px}:root[data-tema=antique_brass]{--chrome:#222;--chrome-2:#2c2c2a;--chrome-line:#3d3d36;--sidebar:#222;--sidebar-2:#2e2e2b;--sidebar-line:#45443c;--sidebar-3:#cac426;--cream:#fffeec;--surface:#fff;--surface-alt:#f7f6df;--ink:#222;--muted:#6b6b62;--border:#e6e4c9;--accent:#cac426;--accent-dark:#a8a31d;--accent-soft:#f2f0c4;--danger:#b3261e;--danger-soft:#fbe6e6;--warn:#c9812e;--warn-soft:#f7e6cf;--good:#2f7d4f;--good-soft:#dfeee2;--blue:#2e5c86;--blue-soft:#dee8f1;--on-sidebar:#cac426;--on-sidebar-dim:#9b9856;--sb-label-ink:#cac426;--sb-item-ink:#e2df9b;--sb-item-ink-kuat:#fffeec;--on-chrome-dim:#b6b5a3;--ink-soft:#6b6b62;--warn-ink:#7a4f13;--warn-ink-strong:#96551b;--warn-bg:#fdeedd;--ok-ink:#2f7d4f;--ok-bg:#dfeee2;--accent-line:#ded9a0;--accent-bg:#f2f0c4;--ink-kuat:#222;--ink-sedang:#3a3a34;--ink-paling:#111;--accent-garis:#ded9a0;--permukaan-tenang:#faf9e8;--abu-tenang:#ecebe0;--papan-krem:#e6e4c9;--on-sidebar-rgb:202, 196, 38;--bayang-rgb:34, 34, 34;--bayang-tua-rgb:17, 17, 17;--ungu:#4a4a42;--ungu-2:#3a3a34;--ungu-soft:#eceadb;--ungu-soft-2:#f2f0e2;--font-utama:"Poppins", "Inter", sans-serif;--radius:12px;--radius-besar:14px}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);font-family:var(--font-utama);margin:0;font-size:13.5px}h1,h2,h3,.disp{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-weight:700}.mono{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:13.5px}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--papan-krem);border-radius:8px}#root{min-height:100vh}.shell{align-items:flex-start;gap:12px;min-height:100vh;padding:12px;display:flex}.sidebar{background:var(--sidebar);width:232px;color:var(--on-sidebar);height:calc(100vh - 24px);box-shadow:0 12px 30px rgba(var(--bayang-rgb), .14);border-radius:18px;flex-direction:column;flex:none;display:flex;position:sticky;top:12px;overflow:hidden}.sb-logo{background:#ffffff29;justify-content:center;align-items:center;padding:7px 18px 5px;display:flex}.brand-logo{flex:none;display:block;position:relative;overflow:hidden}.brand-logo img{width:100%;height:auto;display:block}.brand-logo-sidebar{width:174px;height:54px}.brand-logo-sidebar img{transform:translateY(-32px)}.sb-mark{background:var(--accent);width:32px;height:32px;color:var(--chrome);border-radius:8px;justify-content:center;align-items:center;font-family:Space Grotesk;font-size:14px;font-weight:700;display:flex}.sb-name{color:#fff;font-family:Space Grotesk;font-size:15px;font-weight:700;line-height:1.1}.sb-sub{color:var(--accent);letter-spacing:.09em;font-size:9.5px;font-weight:600}.sb-dash{border-top:1px dashed var(--sidebar-line);margin:0 18px}.sb-nav{flex:1;padding:12px 11px 18px;overflow:auto}.sb-label{letter-spacing:.08em;color:var(--sb-label-ink);text-transform:uppercase;padding:15px 9px 7px;font-size:11.5px;font-weight:800}.sb-label-btn{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:6px;width:100%;font-family:inherit;display:flex}.sb-label-btn:hover{color:var(--accent)}.sb-chev{opacity:.85;width:9px;font-size:10px}.sb-label-btn .sb-count{margin-left:auto}.sb-section-items{border-left:1px dashed rgba(var(--on-sidebar-rgb), .25);margin-left:10px;padding-left:13px;position:relative}.sb-section-items .sb-item:before{content:"";background:var(--sidebar-3);border-radius:50%;width:5px;height:5px;position:absolute;left:-16px}.sb-section-items .sb-item.active:before{background:var(--accent);box-shadow:0 0 0 3px var(--sidebar)}.sb-item{color:var(--sb-item-ink);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;width:100%;margin-bottom:2px;padding:9px 10px;font-size:12.5px;font-weight:500;display:flex;position:relative}.sb-item .ic{text-align:center;width:16px;font-size:13px}.sb-item:hover{background:var(--sidebar-2)}.sb-item.active{background:var(--accent-bg);color:var(--on-sidebar);font-weight:700;box-shadow:0 5px 12px #0c2f1e1f}.sb-foot{border-top:1px dashed var(--sidebar-line);align-items:center;gap:10px;padding:14px 18px;display:flex}.sb-avatar{background:var(--accent);width:32px;height:32px;color:var(--chrome);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sb-user-name{color:var(--on-sidebar);font-size:12.5px;font-weight:700}.sb-user-role{color:var(--on-sidebar-dim);letter-spacing:.05em;font-size:10px}.sb-logout{color:var(--on-sidebar-dim);background:0 0;border:none;margin-left:auto;font-size:15px}.sb-logout:hover{color:var(--sb-item-ink-kuat)}.main{background:#ffffff73;border:1px solid #dae7d6cc;border-radius:18px;flex:1;min-width:0;min-height:calc(100vh - 24px);overflow:hidden}.page-head{padding:17px 26px 4px}.admin-awning{background-color:#0000;background-image:radial-gradient(circle at 22px 0, var(--accent) 0 21.5px, transparent 22px), radial-gradient(circle at 22px 0, var(--chrome) 0 21.5px, transparent 22px);background-position:0 24px,44px 24px;background-repeat:repeat-x;background-size:88px 23px;height:47px;position:relative;overflow:hidden}.admin-awning:before{content:"";background:repeating-linear-gradient(90deg, var(--accent) 0 44px, var(--chrome) 44px 88px);height:25px;position:absolute;inset:0 0 auto}.tb-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.ticket{color:var(--accent);letter-spacing:.08em;margin-bottom:4px;font-size:10.5px;font-weight:600}.tb-title{color:var(--ink);margin:0;font-size:21px}.tb-actions{align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--accent);background:var(--accent);color:var(--chrome);border-radius:8px;padding:9px 15px;font-size:12.5px;font-weight:700}.btn:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.outline{color:#fff;background:0 0;border:1px solid #3a4152}.btn.outline:hover{background:0 0;border-color:#fff}.btn.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.btn.secondary:hover{border-color:var(--muted);background:var(--surface)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.sm{border-radius:6px;padding:6px 11px;font-size:11.5px}.btn.block{width:100%}.content{max-width:1380px;padding:22px 26px 60px}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=1240px){.grid-5{grid-template-columns:repeat(3,1fr)}}@media (width<=980px){.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2{grid-template-columns:1fr}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;position:relative}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:10.5px}.stat-value{font-family:IBM Plex Mono;font-size:21px;font-weight:700}.stat-note{color:var(--muted);margin-top:4px;font-size:11px}.stat-badge{border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card h3{margin:0 0 10px;font-size:13.5px}.card-flag{border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700}.section-gap{margin-top:16px}.sales-flow{background:linear-gradient(135deg, #fff 0%, var(--accent-soft) 150%);border:1px solid var(--border);box-shadow:0 6px 18px rgba(var(--bayang-rgb), .05);border-radius:14px;padding:15px 17px}.sales-flow.collapsed{padding-block:12px}.sales-flow-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.sales-flow-head>div{align-items:baseline;gap:9px;min-width:0;display:flex}.sales-flow-head b{font-family:Space Grotesk;font-size:14px}.sales-flow-head span{color:var(--muted);font-size:10.5px}.sales-flow-track{grid-template-columns:repeat(4,1fr);gap:0;margin-top:17px;display:grid}.sales-flow-step{align-items:flex-start;gap:9px;min-width:0;padding-right:14px;display:flex;position:relative}.sales-flow-step:not(:last-child):after{content:"";background:var(--accent-line);z-index:0;height:2px;position:absolute;top:13px;left:32px;right:0}.sales-flow-step>span{background:var(--chrome);color:#fff;z-index:1;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font:700 11px IBM Plex Mono;display:grid;position:relative;box-shadow:0 0 0 4px #fff}.sales-flow-step>div{z-index:1;background:#ffffffe0;border-radius:6px;min-width:0;padding:3px 7px 4px 2px;position:relative}.sales-flow-step b{font-size:11.5px;display:block}.sales-flow-step small{color:var(--muted);margin-top:2px;font-size:9.5px;line-height:1.35;display:block}.sales-flow-note{color:var(--muted);margin:12px 0 0 37px;font-size:10.5px}.order-next-action,.operations-focus{border:1px solid var(--accent-garis);background:var(--accent-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;display:flex}.order-next-action>div,.operations-focus>div{gap:3px;display:grid}.order-next-action span,.operations-focus span{color:var(--muted);font-size:10.5px;line-height:1.45}.link-btn.process{color:var(--good)}@media (width<=800px){.sales-flow-track{grid-template-columns:1fr;gap:10px}.sales-flow-step:not(:last-child):after{width:2px;height:auto;inset:28px auto -10px 13px}.sales-flow-head>div{gap:2px;display:grid}.sales-flow-note{margin-left:0}.order-next-action,.operations-focus{flex-direction:column;align-items:stretch}}.tabs{border-bottom:1px solid var(--border);gap:22px;margin-bottom:16px;display:flex}.tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:9px 0 11px;font-size:12.5px;font-weight:600}.tab.active{color:var(--ink);border-bottom-color:var(--accent)}.alert{background:var(--warn-soft);color:var(--warn-ink);border:1px solid #e7d49b;border-radius:9px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:11px 14px;font-size:12.5px;display:flex}.alert.err{background:var(--danger-soft);color:var(--danger);border-color:#e9c3bd}.badge{border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-block}.badge.pending{background:var(--warn-soft);color:var(--warn-ink)}.badge.shopping{background:var(--blue-soft);color:var(--blue)}.badge.delivering{background:var(--ungu-soft);color:var(--ungu)}.badge.completed{background:var(--good-soft);color:var(--good)}.badge.cancelled{background:var(--danger-soft);color:var(--danger)}.badge.fresh{background:var(--good-soft);color:var(--good)}.badge.bulk{background:var(--accent-soft);color:var(--accent-dark)}.badge.paid{background:var(--good-soft);color:var(--good)}.badge.unpaid{background:var(--danger-soft);color:var(--danger)}.badge.gray{background:var(--surface-alt);color:var(--muted)}.badge.ontime{background:var(--good-soft);color:var(--good)}.badge.soon{background:var(--warn-soft);color:var(--warn-ink)}.badge.late{background:var(--danger-soft);color:var(--danger)}.badge.good{background:var(--good-soft);color:var(--good)}.badge.warn{background:var(--warn-soft);color:var(--warn-ink)}.badge.bad{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--blue-soft);color:var(--blue)}.bar-track{background:var(--surface-alt);border-radius:999px;height:9px;display:flex;overflow:hidden}.bar-seg{height:100%}.pill{border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.pill .dot{border-radius:50%;width:6px;height:6px}.pill.p1{background:var(--danger-soft);color:var(--danger)}.pill.p1 .dot{background:var(--danger)}.pill.p2{background:var(--warn-soft);color:var(--warn-ink)}.pill.p2 .dot{background:var(--warn)}.pill.p3{background:var(--surface-alt);color:var(--muted)}.pill.p3 .dot{background:var(--muted)}.pill.live{background:var(--good-soft);color:var(--good)}.pill.live .dot{background:var(--good)}.pill.off{background:var(--danger-soft);color:var(--danger)}.pill.off .dot{background:var(--danger)}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-card-head{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.table-card-head h3{margin:0;font-size:13.5px}.table-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;overflow-x:auto}.table-scroll::-webkit-scrollbar{-webkit-appearance:none;height:10px}.table-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}.table-scroll::-webkit-scrollbar-thumb:hover{background:var(--muted)}.table-scroll.terbatas{overflow-y:auto}.table-scroll.terbatas thead th{z-index:1;background:var(--surface-alt);position:sticky;top:0}.kolom-nomor{width:44px;color:var(--muted)}.table{border-collapse:collapse;width:100%;font-size:12.5px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-top:1px dashed var(--border);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 14px;font-family:IBM Plex Mono;font-size:10px}.table td{border-bottom:1px solid var(--border);vertical-align:top;padding:11px 14px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--surface-alt)}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums;font-family:IBM Plex Mono}.empty-state{text-align:center;color:var(--muted);padding:36px 20px;font-size:12.5px}.row-sub{color:var(--muted);margin-top:2px;font-size:11px}.clickable{cursor:pointer}.field{margin-bottom:12px}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px;font-size:11.5px;font-weight:700;display:block}.input,.select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;padding:9px 11px}.input:focus,.select:focus{border-color:var(--accent);outline:none}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.toolbar>.select{width:auto;min-width:180px}.search-wrap{flex:1;max-width:270px;position:relative}.search-wrap input{padding-left:30px}.search-ic{color:var(--muted);font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.link-btn{color:var(--blue);background:0 0;border:none;padding:0;font-size:11.5px;font-weight:700}.link-btn.danger{color:var(--danger)}.btn.danger{background:var(--danger);box-shadow:0 3px #8e2c25}.btn:disabled,.link-btn:disabled{opacity:.45;cursor:not-allowed}.item-row{grid-template-columns:1.6fr .7fr .9fr auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.divider{background:var(--border);height:1px;margin:14px 0}.kv{color:var(--muted);justify-content:space-between;padding:4px 0;font-size:12.5px;display:flex}.kv b{color:var(--ink);font-family:IBM Plex Mono}.mock-tag{color:var(--muted);background:var(--surface-alt);border-radius:6px;padding:2px 7px;font-size:9.5px;font-weight:600}.modal-backdrop{z-index:100;background:#171b2480;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:12px;width:100%;max-width:560px;max-height:88vh;overflow:auto}.modal.wide{max-width:820px}.modal-inner{padding:22px}.modal h3{margin:0 0 4px;font-size:16px}.modal-sub{color:var(--muted);margin-bottom:16px;font-size:11.5px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.toast{background:var(--chrome);color:#fff;z-index:200;border-radius:999px;padding:10px 18px;font-size:12.5px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.toast.err{background:var(--danger)}.date-filter{width:150px}.deadline-editor{background:var(--surface-alt);border-radius:9px;align-items:end;gap:10px;padding:12px;display:flex}.deadline-editor .field{flex:1;margin:0}.detail-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.share-box{border:1px dashed var(--accent);background:var(--accent-soft);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.share-url{word-break:break-all;margin-top:4px;font-size:10.5px}.print-page{max-width:900px;margin:auto}.mis-layout{grid-template-columns:235px minmax(0,1fr);align-items:start;gap:14px;display:grid}.mis-browser{background:var(--chrome);color:var(--on-chrome-dim);border-radius:var(--radius);flex-direction:column;max-height:calc(100vh - 150px);display:flex;position:sticky;top:16px;overflow:hidden}.mis-scroll{flex:1;min-height:0;overflow:auto}.mis-lipatan+.mis-lipatan{border-top:1px solid var(--chrome-line)}.mis-lipatan-head{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:12px 14px;display:flex}.mis-lipatan-head:hover{background:var(--chrome-2)}.mis-lipatan-head b{color:var(--on-chrome-dim);background:var(--chrome-2);border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11px}.mis-chev{color:var(--accent);width:10px;font-size:11px}.mis-panel-title{letter-spacing:.08em;color:var(--accent);font-size:10px;font-weight:700}.mis-lipatan-isi{padding:0 7px 9px}.mis-object{width:100%;color:var(--on-chrome-dim);text-align:left;background:0 0;border:0;border-radius:7px;align-items:flex-start;gap:8px;padding:7px 8px;display:flex}.mis-object:hover,.mis-saved:hover{background:var(--chrome-2)}.mis-object b{word-break:break-all;font-size:11.5px;font-weight:600;display:block}.mis-object small{color:var(--ink-soft);margin-top:2px;font-size:9.5px;display:block}.mis-saved{border-radius:7px;align-items:center;display:flex}.mis-saved>button:first-child{min-width:0;color:var(--on-chrome-dim);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:8px;font-size:11.5px;display:flex}.mis-delete{color:var(--ink-soft);background:0 0;border:0;padding:4px 8px;font-size:16px}.mis-delete:hover{color:#fff}.mis-workspace{gap:14px;min-width:0;display:grid}.mis-query-card,.mis-result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.mis-query-head,.mis-result-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.mis-query-head h3,.mis-result-head h3{margin:0;font-size:13.5px}.mis-query-head span,.mis-result-head span{color:var(--muted);font-size:10.5px}.mis-editor{resize:vertical;color:#e8ecf2;tab-size:2;background:#11151d;border:0;width:100%;height:230px;padding:16px;font-size:12.5px;line-height:1.6;display:block}.mis-editor:focus{outline:2px solid var(--accent);outline-offset:-2px}.mis-result-scroll{max-height:520px;overflow:auto}.mis-result{width:max-content;min-width:100%}.mis-result th{background:var(--surface-alt);z-index:1;position:sticky;top:0}.mis-result td{white-space:pre-wrap;word-break:break-word;max-width:360px}.mis-null{color:#9a8f7d;font-style:italic}@media (width<=900px){.mis-layout{grid-template-columns:1fr}.mis-browser{max-height:300px;position:static}.mis-query-head,.mis-result-head{flex-direction:column;align-items:flex-start}}.price-list-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:14px;display:grid}.price-list-browser{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;max-height:calc(100vh - 110px);display:flex;position:sticky;top:12px;overflow:hidden}.price-list-browser-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:14px;display:flex}.price-list-browser-head h3{margin:0;font-size:14px}.price-list-browser-head span{color:var(--muted);font-size:10px}.price-list-search{padding:10px 10px 6px}.price-list-options{padding:2px 8px 10px;overflow:auto}.price-list-option{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:9px;display:flex}.price-list-option:hover{background:var(--surface-alt)}.price-list-option.active{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent-dark)}.price-list-option>span:last-child{min-width:0}.price-list-option b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.price-list-option small{color:var(--muted);margin-top:2px;font-size:9.5px;display:block}.price-list-icon{background:var(--good-soft);width:30px;height:30px;color:var(--good);border-radius:9px;flex:none;place-items:center;font-weight:800;display:grid}.price-list-icon.template{background:var(--accent-soft);color:var(--accent-dark)}.price-list-icon.base{background:var(--chrome);color:var(--accent)}.price-list-workspace{gap:14px;min-width:0;display:grid}.price-list-hero{background:linear-gradient(135deg, #fff 0%, var(--accent-soft) 150%);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:18px;padding:19px;display:flex}.price-list-hero h2{margin:1px 0 8px;font-size:21px}.price-list-hero p{color:var(--muted);margin:9px 0 0;font-size:11.5px}.price-list-meta{color:var(--muted);align-items:center;gap:9px;font-size:10.5px;display:flex}.price-list-copy{grid-template-columns:minmax(180px,1fr) minmax(220px,1.3fr) auto;align-items:center;gap:12px;display:grid}.price-list-item-search{max-width:230px}.markup-input{text-align:right;width:95px;padding:6px 8px}.inline-actions{white-space:nowrap;align-items:center;gap:7px;display:flex}.price-list-override-row td{background:#fff8df}.price-list-override-row td:first-child{box-shadow:inset 3px 0 #e4ad27}.import-validation-error{white-space:pre-line}@media (width<=980px){.price-list-layout{grid-template-columns:1fr}.price-list-browser{max-height:280px;position:static}.price-list-copy{grid-template-columns:1fr}.price-list-hero{flex-direction:column}.price-list-item-search{max-width:100%}}.text-danger{color:var(--danger);font-weight:700}.shopping-helper{margin-left:auto}.shopping-preview-orders{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.shopping-batch-layout{grid-template-columns:255px minmax(0,1fr);align-items:start;gap:14px;display:grid}.shopping-batch-list{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:5px;max-height:calc(100vh - 130px);padding:8px;display:grid;position:sticky;top:12px;overflow:auto}.shopping-batch-option{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.shopping-batch-option:hover{background:var(--surface-alt)}.shopping-batch-option.active{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent-dark)}.shopping-batch-option b,.shopping-batch-option small{display:block}.shopping-batch-option small{color:var(--muted);margin-top:3px;font-size:10px}.shopping-batch-detail{gap:14px;min-width:0;display:grid}.batch-steps{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.batch-step{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:10px;display:flex}.batch-step>span{background:var(--surface-alt);border-radius:50%;place-items:center;width:25px;height:25px;font:700 10px IBM Plex Mono;display:grid}.batch-step b{font-size:10.5px}.batch-step.done{border-color:var(--accent-line);color:var(--ink)}.batch-step.done>span{background:var(--chrome);color:#fff}.batch-step.current{box-shadow:inset 0 -3px var(--accent)}.batch-action{align-items:end;gap:12px;display:flex}.batch-action>div:first-child{flex:1}.batch-action .field{min-width:180px;margin:0}.batch-budget-action{flex-wrap:wrap}.batch-budget-action>div:first-child{flex:100%}.batch-budget-action .field{flex:1;min-width:150px}@media (width<=980px){.shopping-batch-layout{grid-template-columns:1fr}.shopping-batch-list{max-height:260px;position:static}.batch-action{flex-direction:column;align-items:stretch}.batch-steps{grid-template-columns:1fr 1fr}}.print-toolbar{justify-content:flex-end;gap:8px;margin-bottom:14px;display:flex}.invoice-doc{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:12px;max-width:820px;margin:auto;padding:36px;box-shadow:0 12px 35px #1b202b14}.invoice-head{border-bottom:3px solid var(--chrome);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:18px;display:flex}.invoice-brand{font-family:Space Grotesk;font-size:28px;font-weight:800}.invoice-number{text-align:right;font-family:IBM Plex Mono;font-size:12px;line-height:1.7}.invoice-number b{font-size:16px}.invoice-meta{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:24px;display:grid}.invoice-meta>div{gap:5px;display:grid}.invoice-meta span{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-size:10px}.invoice-meta small{color:var(--muted)}.invoice-table{border-collapse:collapse;width:100%}.invoice-table th,.invoice-table td{border-bottom:1px solid var(--border);text-align:left;padding:11px}.invoice-table th{text-transform:uppercase;color:var(--muted);font-size:10px}.invoice-table th:last-child,.invoice-table td:last-child{text-align:right;font-family:IBM Plex Mono}.invoice-table .kategori-head th{text-align:left;color:var(--ink);text-transform:uppercase;letter-spacing:.06em;border-top:2px solid var(--ink);border-bottom:1px solid var(--border);background:var(--surface-alt);-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:12px 11px 7px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700}.invoice-table tr.kategori-head:first-child th{border-top:0}.invoice-table .kategori-head span{letter-spacing:0;text-transform:none;color:var(--muted);font-family:Inter,sans-serif;font-size:10px;font-weight:500}.invoice-total{justify-content:flex-end;align-items:center;gap:28px;padding:18px 11px;font-size:14px;display:flex}.invoice-total b{font:700 20px IBM Plex Mono}.invoice-payment{justify-content:flex-end;align-items:center;gap:10px;display:flex}.invoice-doc footer{border-top:1px dashed var(--border);color:var(--muted);text-align:center;margin-top:35px;padding-top:13px;font-size:10px}.delivery-sign{grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;display:grid}.delivery-sign>div{gap:6px;display:grid}.delivery-sign span{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-size:10px}.delivery-sign i{border-bottom:1px solid var(--ink);height:52px;display:block}.delivery-sign small{color:var(--muted);font-size:10px}.sj-kanvas{overflow-x:auto}.sj-ukur{visibility:hidden;pointer-events:none;width:182mm;position:absolute;top:0;left:-10000px}.sj-ukur [data-ukur]{display:flow-root}.invoice-doc.sj-lembar{border-radius:0;width:210mm;max-width:none;margin:0 auto 14px;padding:15mm 14mm}.sj-isi{flex-direction:column;height:267mm;display:flex;overflow:hidden}.sj-lembar .delivery-sign{margin-top:26px}.sj-lembar footer{margin-top:18px}.sj-tabel{table-layout:fixed}.sj-tabel td{overflow-wrap:anywhere}.sj-footer-halaman{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:12px;margin-top:auto;padding-top:7px;font-size:9px;display:flex}.public-status-page{background:var(--cream);min-height:100vh;padding:28px 16px 60px}.public-brand{max-width:820px;color:var(--chrome);margin:0 auto 18px;font:800 25px Space Grotesk}.public-brand span{color:var(--accent)}.public-status-card,.public-note{border:1px solid var(--border);background:#fff;border-radius:10px;max-width:820px;margin:0 auto;padding:22px}.public-note{color:var(--muted);background:var(--surface-alt);margin-top:12px;padding:12px;font-size:11px}@media (width<=700px){.invoice-doc{padding:20px}.invoice-meta{grid-template-columns:1fr}.invoice-table{font-size:11px}.invoice-doc.sj-lembar{padding:15mm 14mm}.sj-ukur .invoice-meta,.sj-lembar .invoice-meta{grid-template-columns:1fr 1fr}.sj-ukur .invoice-table,.sj-lembar .invoice-table{font-size:13.5px}.deadline-editor{flex-direction:column;align-items:stretch}.date-filter{width:100%}.share-box{flex-direction:column;align-items:stretch}}@page{size:A4 portrait;margin:14mm}@media print{.sidebar,.sb-tirai,.page-head,.admin-awning,.print-toolbar,.modal-backdrop{display:none!important}html,body{background:#fff;height:auto}.shell{gap:0;min-height:0;padding:0;display:block}.main{background:0 0;border:0;border-radius:0;min-height:0;overflow:visible;margin:0!important}.content{max-width:none!important;padding:0!important}.print-page{max-width:none;margin:0}.invoice-doc{box-shadow:none;background:#fff;border:0;width:auto;max-width:none;padding:0}.invoice-table thead{display:table-header-group}.invoice-table tr{break-inside:avoid}.invoice-table .kategori-head{break-after:avoid}.invoice-head,.invoice-meta,.invoice-total,.invoice-payment,.delivery-sign,.invoice-doc footer{break-inside:avoid}.invoice-head,.invoice-meta{break-after:avoid}.delivery-sign{break-before:avoid;margin-top:26px}.invoice-doc footer{break-before:avoid;margin-top:18px}.sj-ukur{display:none}.sj-kanvas{overflow:visible}.invoice-doc.sj-lembar{width:auto;box-shadow:none;break-after:page;border:0;margin:0;padding:0}.invoice-doc.sj-lembar:last-child{break-after:auto}.sj-lembar .delivery-sign{margin-top:26px}.sj-lembar footer{margin-top:18px}.public-status-page{background:#fff;min-height:0;padding:0}}.login-shell{min-height:100vh;display:flex}.login-side{background:var(--chrome);color:#fff;width:45%;padding:52px;position:relative;overflow:hidden}.login-side:before{content:"";background-image:repeating-linear-gradient(135deg,#ffffff09 0 2px,#0000 2px 34px);position:absolute;inset:0}.login-side>*{position:relative}.login-logo{align-items:center;margin-bottom:54px;display:flex}.brand-logo-login{width:250px;height:72px}.brand-logo-login img{transform:translateY(-47px)}.login-headline{margin:0 0 16px;font-size:34px;line-height:1.12}.login-headline .accent{color:var(--accent)}.login-copy{color:#b7bcc6;max-width:340px;font-size:13.5px;line-height:1.6}.login-foot{border-top:1px dashed var(--chrome-line);gap:36px;padding-top:16px;display:flex;position:absolute;bottom:52px;left:52px;right:52px}.login-foot .lf{color:var(--accent);font-family:Space Grotesk;font-size:15px;font-weight:700}.login-foot .lf-sub{color:#8a90a0;letter-spacing:.05em;text-transform:uppercase;font-size:9.5px}.login-main{background:var(--cream);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.login-top{width:100%;max-width:400px;color:var(--muted);justify-content:space-between;margin-bottom:14px;font-family:IBM Plex Mono;font-size:11px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:400px;padding:22px}.login-card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.role-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.role-btn{border:1px solid var(--border);background:var(--surface);text-align:left;color:var(--ink);border-radius:8px;padding:10px;font-size:11.5px;font-weight:700}.role-btn.active{background:var(--chrome);color:#fff;border-color:var(--chrome)}.login-version{text-align:center;color:#a9a392;margin-top:16px;font-family:IBM Plex Mono;font-size:10.5px}@media (width<=860px){.login-side{display:none}}.chart-legend{color:var(--muted);gap:16px;margin-bottom:10px;font-size:11px;display:flex}.chart-legend .lg{align-items:center;gap:6px;display:flex}.chart-legend .sw{border-radius:2px;width:8px;height:8px}.feed-item{border-bottom:1px dashed var(--border);gap:10px;padding:9px 0;font-size:12.5px;display:flex}.feed-item:last-child{border-bottom:none}.feed-time{color:var(--muted);flex:none;width:52px;font-family:IBM Plex Mono;font-size:10.5px}.search-select{flex:1;min-width:0;position:relative}.search-select-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-select-clear:hover{color:var(--danger)}.search-select-pop{z-index:40;background:var(--surface);border:1px solid var(--border);max-height:264px;box-shadow:0 10px 26px rgba(var(--bayang-tua-rgb), .16);border-radius:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.search-select-hint{color:var(--muted);padding:9px 11px;font-size:13px}.search-select-opt{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;align-items:baseline;gap:8px;padding:8px 11px;display:flex}.search-select-opt.active{background:var(--accent-soft)}.search-select-opt .sso-label{flex:1;min-width:0}.search-select-opt .sso-meta{color:var(--muted);white-space:nowrap;font-size:12px}.muted{color:var(--muted)}.plain-list{color:var(--ink);margin:0 0 12px;padding-left:18px}.plain-list li{margin-bottom:6px}.so-page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.so-page-title{color:var(--ink);margin:4px 0 6px;font-size:22px}.so-page-sub{align-items:center;gap:10px;display:flex}.so-page-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;max-width:60%;display:flex}.so-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.so-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px}.so-tab:hover{color:var(--ink)}.so-tab.active{color:var(--good);border-bottom-color:var(--good);font-weight:600}.so-steps{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;margin:0 0 16px;padding:14px 18px;list-style:none;display:flex;overflow-x:auto}.so-step{min-width:0;color:var(--muted);white-space:nowrap;flex:1;align-items:center;gap:9px;font-size:13px;display:flex}.so-step:last-child{flex:none}.so-step:after{content:"";background:var(--border);border-radius:2px;flex:1;min-width:18px;height:2px}.so-step:last-child:after{display:none}.so-step.done:after{background:var(--good)}.so-step-dot{border:1px solid var(--border);background:var(--surface-alt);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;line-height:1;display:inline-flex}.so-step-label{flex-shrink:0}.so-step.done .so-step-dot{background:var(--good);border-color:var(--good);color:#fff}.so-step.done .so-step-label{color:var(--ink)}.so-step.now .so-step-dot{background:var(--accent-soft);border-color:var(--accent-dark);color:var(--good);font-weight:700}.so-step.now .so-step-label{color:var(--good);font-weight:600}.so-step.cancelled .so-step-dot{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.so-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:16px;display:grid}.so-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.so-card h3{color:var(--ink);margin:0 0 10px;font-size:14px}.attach-row{border-bottom:1px dashed var(--border);align-items:baseline;gap:10px;padding:8px 0;display:flex}.attach-row:last-child{border-bottom:0}.attach-row .attach-title{flex:1;min-width:0}.attach-text{white-space:pre-wrap;background:var(--surface-alt);color:var(--ink);border-radius:6px;margin-top:6px;padding:8px 10px;font-size:13px}.so-card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.so-card-head h3{color:var(--ink);margin:0;font-size:14px;font-weight:700}.so-card{padding:16px 18px}.info-row{justify-content:space-between;align-items:baseline;gap:14px;padding:7px 0;font-size:13px;display:flex}.info-row>span:first-child{color:var(--muted);flex-shrink:0}.info-row b{text-align:right;word-break:break-word}.info-row.stacked{padding-top:10px;display:block}.info-row.stacked>span:first-child{margin-bottom:6px;display:block}.stack-row{padding:7px 0;font-size:13px}.stack-row>span:first-child{color:var(--muted);margin-bottom:3px;display:block}.inline-edit{align-items:center;gap:6px;display:flex}.chip{background:var(--accent-soft);color:var(--good);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.who{align-items:center;gap:7px;font-weight:600;display:inline-flex}.who-avatar{background:var(--sidebar);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:inline-flex}.so-products{margin-bottom:16px;padding:16px 0 0}.so-products .so-card-head{margin-bottom:0;padding:0 18px 12px}.so-products .table-scroll{margin:0}.search-wrap.compact{max-width:260px;margin:0}.prod-table th{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface-alt);white-space:nowrap;font-size:11px}.prod-table td,.prod-table th{padding:11px 14px}.prod-table .col-no{width:46px;color:var(--muted)}.so-products-foot{border-top:1px solid var(--border);background:var(--surface-alt);border-radius:0 0 var(--radius) var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;font-size:13px;display:flex}.foot-figures{flex-wrap:wrap;gap:18px;display:flex}.foot-figures span{color:var(--muted)}.foot-figures b{color:var(--ink);margin-left:5px}.so-bottom{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.note-body{white-space:pre-wrap;font-size:13px;line-height:1.55}.attach-snippet{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.empty-state.compact{padding:10px 0;font-size:13px}.timeline{margin:0;padding:0;list-style:none}.timeline li{align-items:baseline;gap:9px;padding:7px 0;font-size:13px;display:flex}.timeline .tl-dot{background:var(--good-soft);width:18px;height:18px;color:var(--good);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.timeline li.waiting .tl-dot{background:var(--warn-soft);color:var(--warn)}.timeline .tl-text{flex:1;min-width:0}.timeline .tl-time{color:var(--muted);white-space:nowrap;font-size:11px}.order-next-action{margin-bottom:16px}.so-card .detail-actions{flex-wrap:wrap;justify-content:flex-start}.prod-table .col-qty{width:110px}.prod-table .col-price{width:190px}.prod-table .col-act{width:52px}.prod-table td .input{margin:0}.icon-btn{border:1px solid var(--border);background:var(--surface);color:var(--danger);cursor:pointer;border-radius:8px;width:30px;height:30px;line-height:1}.icon-btn:hover:not(:disabled){background:var(--danger-soft)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.prod-table td{overflow:visible}.prod-table .search-select-pop{min-width:320px}.table-plain{width:100%}.so-products-form{overflow:visible}.so-products-form .table-plain table{width:100%}.row-act{align-items:center;gap:6px;display:flex}.icon-btn.add{color:var(--good)}.icon-btn.add:hover:not(:disabled){background:var(--accent-soft)}.item-note{color:var(--warn)}.sb-item{position:relative}.sb-count{background:var(--danger);color:#fff;text-align:center;border-radius:999px;flex-shrink:0;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;line-height:20px}.sb-item.active .sb-count{background:var(--danger)}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{color:var(--ink)}.table th .sort-ic{opacity:.4;margin-left:5px;font-size:9px}.table th.sorted .sort-ic{opacity:1;color:var(--good)}.table th.sorted{color:var(--good)}.bukti-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px;display:grid}.bukti-thumb{border:1px solid var(--border);background:var(--surface);cursor:zoom-in;text-align:left;border-radius:10px;flex-direction:column;gap:6px;padding:0;display:flex;overflow:hidden}.bukti-thumb:hover{border-color:var(--accent)}.bukti-thumb img{aspect-ratio:4/3;object-fit:cover;background:var(--surface-alt);width:100%;display:block}.bukti-thumb span{color:var(--muted);padding:0 10px 8px;font-size:12px}.link-btn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.lightbox{z-index:1000;background:#0c100ee0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-inner{flex-direction:column;gap:10px;max-width:min(1100px,100%);height:100%;display:flex}.lightbox-inner header{color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.lightbox-inner header b{font-size:15px;display:block}.lightbox-inner header span{opacity:.75;font-size:12px}.lightbox-act{gap:8px;display:flex}.lightbox-inner img{object-fit:contain;flex:auto;max-width:100%;min-height:0;max-height:100%}.so-intake-row{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:start;gap:16px;display:grid}@media (width<=1100px){.so-intake-row{grid-template-columns:1fr}}.intake-card{flex-direction:column;gap:12px;display:flex}.intake-hint{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px}.intake-teks{resize:vertical;width:100%;min-height:150px;font-family:inherit;font-size:13px;line-height:1.55}.intake-teks::placeholder{color:var(--muted);opacity:.7}.intake-aksi{align-items:center;gap:8px;display:flex}.intake-hasil{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:10px;display:flex}.intake-ringkas{flex-wrap:wrap;gap:6px;display:flex}.pil{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.pil.ok{background:var(--ok-bg);color:var(--ok-ink)}.pil.ragu{background:var(--warn-bg);color:var(--warn-ink-strong)}.pil.hilang{color:#8f2f2f;background:#fbe6e6}.intake-jejak{color:var(--muted);margin:0;font-size:11.5px;line-height:1.5}tr.intake-ambigu>td{background:#fff8f0}tr.intake-tidak_ada>td{background:#fdf1f1}.intake-asal{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:5px;display:flex}.intake-teks-asal{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:11.5px;font-style:italic;overflow:hidden}.intake-sumber{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:800}.intake-sumber.ai{background:var(--ungu-soft-2);color:var(--ungu-2)}.intake-sumber.lokal{background:var(--abu-tenang);color:#4a5a54}.intake-sumber.alias{background:var(--ok-bg);color:var(--ok-ink)}.intake-pilihan{flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;display:flex}.intake-tanya{color:var(--warn-ink-strong);font-size:11.5px;font-weight:700}.intake-tanya.hilang{color:#8f2f2f}.chip{border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;align-items:baseline;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip small{color:var(--muted);font-size:10px}.chip:hover{border-color:var(--accent);background:var(--permukaan-tenang)}.intake-alasan{color:var(--muted);margin:6px 0 0;font-size:11.5px;line-height:1.5}.alert.compact{padding:8px 10px;font-size:12px}.intake-konversi{color:var(--warn-ink-strong);margin-top:4px;font-size:10.5px;display:block}.so-card-head,.so-card>h3:first-child,.table-card-head{background:var(--sidebar);color:var(--on-sidebar);border-radius:var(--radius) var(--radius) 0 0;border-bottom:0;margin:-16px -18px 14px;padding:11px 18px}.so-card>h3:first-child{font-size:14px;font-weight:700;display:block}.so-card-head h3,.table-card-head h3{color:var(--on-sidebar)}.table-card-head{border-radius:var(--radius) var(--radius) 0 0;margin:0 0 12px;padding:11px 16px}.kepala-card{margin:-16px -16px 12px}.closing-rincian{gap:0}.closing-rincian>div{padding-right:28px}.closing-rincian>div+div{border-left:1px solid var(--border);padding-left:28px;padding-right:0}.section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.section-title b{color:var(--ink);font-size:11px}.table-card-head .muted,.table-card-head .row-sub,.so-card-head .intake-hint,.so-card-head .muted{color:rgba(var(--on-sidebar-rgb), .68)}.so-card-head .btn.secondary,.table-card-head .btn.secondary{border-color:rgba(var(--on-sidebar-rgb), .28);color:var(--on-sidebar);background:#ffffff8c}.so-card-head .btn.secondary:hover:not(:disabled),.table-card-head .btn.secondary:hover:not(:disabled){background:#ffffffd9}.so-products .so-card-head{border-radius:var(--radius) var(--radius) 0 0;margin:-16px 0 0;padding:11px 18px}.so-form-stack{flex-direction:column;gap:16px;margin-top:16px;display:flex}.so-form-stack>.section-gap{margin-top:0}.so-form-stack>.so-products{margin-bottom:0}.so-intake-row{align-items:stretch;gap:16px}.so-bottom{gap:16px}.so-products{margin-bottom:16px}.intake-card{gap:0}.intake-body{flex-direction:column;flex:1;gap:12px;display:flex}.intake-card .intake-teks{flex:1;min-height:156px}.intake-berkas{color:var(--muted);margin:0;font-size:11.5px}.hidden-file{display:none}tr:has(+tr.intake-sub)>td{border-bottom:0;padding-bottom:6px}tr.intake-sub>td{padding-top:0}.intake-jalur{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.intake-jalur .intake-teks-asal{max-width:320px}.intake-jalur .intake-alasan{flex-basis:100%;margin:0;font-size:11px}.chip.baru{border-style:dashed;border-color:var(--good);color:var(--good);font-weight:700}.chip.baru:hover{background:var(--good-soft);border-color:var(--good)}.vendor-sel{text-align:left;width:100%;display:block}.vendor-list{flex-wrap:wrap;gap:4px;display:flex}.chip.vendor{cursor:inherit;padding:2px 8px;font-size:11.5px;font-weight:600}.chip.vendor em{color:var(--good);font-style:normal}.rincian-ringkas{gap:10px}.rincian-vendor{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:12px;display:flex}.vendor-row{border-bottom:1px dashed var(--border);grid-template-columns:minmax(0,1fr) 110px 34px;align-items:center;gap:10px;padding:9px 0;display:grid}.vendor-add{margin-top:12px}.vendor-blok{border-bottom:1px dashed var(--border);padding-bottom:8px}.vendor-blok .vendor-row{border-bottom:0}.vendor-pack{grid-template-columns:auto minmax(0,1fr) auto 90px 34px;align-items:center;gap:8px;padding:0 0 6px 16px;display:grid}.vendor-pack-kaki{flex-wrap:wrap;align-items:baseline;gap:12px;padding-left:16px;display:flex}.tempo-lewat{color:var(--danger);font-weight:700}.check-inline{color:var(--ink);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex}.check-inline input{margin:0}.produk-baru-hasil{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-alt);justify-content:space-between;align-items:baseline;gap:12px;margin-top:12px;padding:10px 12px;display:flex}.produk-baru-hasil b{font:700 18px IBM Plex Mono}.produk-baru-nota{color:var(--muted);margin:8px 0 0;font-size:11.5px;line-height:1.5}.sb-toggle,.sb-tirai{display:none}@media (width<=900px){.sidebar{z-index:60;height:auto;transition:transform .22s;position:fixed;top:12px;bottom:12px;left:12px;transform:translate(calc(-100% - 16px))}.sidebar.buka{transform:translate(0)}.sb-tirai{z-index:55;background:#0c181273;border:0;padding:0;display:block;position:fixed;inset:0}.sb-toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;flex-direction:column;flex:none;justify-content:center;gap:4px;width:40px;height:40px;margin-right:10px;padding:0 9px;display:flex}.sb-toggle span{background:var(--ink);border-radius:2px;height:2px;display:block}.sb-toggle:active{background:var(--surface-alt)}.tb-row{align-items:flex-start}.stat-badge{margin-bottom:6px;display:inline-block;position:static}.so-products-form .table-plain{overflow:visible}.so-products-form .prod-table,.so-products-form .prod-table tbody,.so-products-form .prod-table tr,.so-products-form .prod-table td{width:auto;display:block}.so-products-form .prod-table thead{display:none}.so-products-form .prod-table tr{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:12px;padding:12px 14px 12px 44px;position:relative}.so-products-form .prod-table td{border:0;margin-bottom:10px;padding:0}.so-products-form .prod-table td:last-child{margin-bottom:0}.so-products-form .prod-table td.col-no{width:24px;color:var(--muted);margin:0;font-weight:800;position:absolute;top:12px;left:12px}.so-products-form .prod-table td[data-label]:not(.col-no):before{content:attr(data-label);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.so-products-form .prod-table td .input,.so-products-form .prod-table td .select{width:100%}.so-products-form .prod-table tr:has(+tr.intake-sub){border-radius:var(--radius) var(--radius) 0 0;border-bottom:0;margin-bottom:0}.so-products-form .prod-table tr.intake-sub{border-radius:0 0 var(--radius) var(--radius);border-top:0;padding:0 14px 12px}.so-products-form .prod-table tr.intake-sub td.col-no{display:none}.so-products-form .prod-table td.col-act{border-top:1px dashed var(--border);justify-content:flex-end;padding-top:10px;display:flex}.so-page-head{flex-direction:column;align-items:stretch;gap:10px}.so-page-actions{justify-content:stretch;max-width:none}.so-page-actions .btn{flex:auto;justify-content:center}.so-steps .so-step-label{display:none}.so-steps .so-step.now .so-step-label{display:inline}.so-steps .so-step{flex:none;gap:5px;min-width:max-content;font-size:12px}.so-steps .so-step:after{min-width:6px}.so-steps{padding:12px}.so-steps .so-step-dot{width:22px;height:22px;font-size:11px}}.margin-tipis b{color:#b3261e}.margin-tipis .row-sub{color:#b3261e;opacity:.85}.dialog-pesan{color:var(--muted);white-space:pre-line;line-height:1.55}.dialog-pesan+.dialog-label{margin-top:16px}.dialog-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.dialog-bantuan{color:var(--muted);margin:8px 0 0;font-size:12px}.bayar-sisa{border-radius:var(--radius);background:var(--surface-alt);border:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.bayar-sisa span{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.bayar-sisa b{font-size:20px}.bayar-jenis{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.bayar-jenis .kategori{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;flex-direction:column;gap:2px;padding:12px;font-weight:700;display:flex}.bayar-jenis .kategori small{color:var(--muted);font-weight:500}.bayar-jenis .kategori.aktif{border-color:var(--accent-dark);background:var(--accent-soft)}.riwayat-bayar{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.riwayat-bayar li{border:1px solid var(--border);border-left:3px solid var(--good);border-radius:var(--radius);background:var(--surface);padding:12px 14px}.riwayat-bayar li.batal{border-left-color:var(--muted);opacity:.65}.riwayat-bayar li.batal .riwayat-atas b{text-decoration:line-through}.riwayat-bayar li.reversal{border-left-color:var(--danger)}.riwayat-atas{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.riwayat-atas b{font-size:16px}.riwayat-bukti{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.riwayat-bukti a{background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;text-decoration:none}.invoice-cicilan{border-top:1px dashed var(--border);justify-content:flex-end;gap:32px;margin-top:6px;padding-top:10px;display:flex}.invoice-cicilan div{text-align:right}.invoice-cicilan span{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;display:block}.badge.partial,.status.partial{background:var(--warn-soft);color:var(--warn)}.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:stretch;padding:14px 4px;display:flex}.filter-field{flex-direction:column;gap:6px;padding:0 13px;display:flex}.filter-field+.filter-field{border-left:1px solid var(--border)}.filter-bar .input,.filter-bar .select{height:38px}.filter-aksi{justify-content:flex-end;margin-left:auto}.filter-field>span{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.filter-cari{flex:220px;min-width:150px}.filter-rentang{align-items:center;gap:8px;height:38px;display:flex}.filter-rentang em{color:var(--muted);font-size:12px;font-style:normal}.filter-reset{white-space:nowrap;height:38px;padding:0 16px}.filter-reset:disabled{opacity:.45;cursor:default}.filter-drop{height:38px;position:relative}.filter-drop-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;height:38px;color:var(--ink);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;font-weight:600;display:flex}.filter-drop-btn:hover{border-color:var(--accent-dark)}.filter-drop-btn.terisi{border-color:var(--accent-dark);background:var(--accent-soft)}.filter-drop-btn>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter-drop-chev{color:var(--muted);font-size:10px}.filter-drop-panel{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:max-content;min-width:100%;max-width:300px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 28px #0c2f1e29}.filter-drop-cari{height:32px;margin-bottom:6px}.filter-drop-list{flex-direction:column;gap:2px;max-height:260px;display:flex;overflow-y:auto}.filter-drop-list .centang{border-radius:7px;padding:6px 7px}.filter-drop-list .centang:hover{background:var(--surface-alt)}.filter-drop-kosong{color:var(--muted);padding:10px 7px;font-size:12px}.filter-drop-bersih{border:0;border-top:1px solid var(--border);width:100%;color:var(--danger);cursor:pointer;text-align:left;background:0 0;margin-top:6px;padding:8px 7px 2px;font-size:12px;font-weight:700}.centang{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.centang input{width:15px;height:15px;accent-color:var(--accent-dark);cursor:pointer}.filter-catatan{margin:8px 2px 0}.sj-pengganti td:first-child{font-style:italic}.sj-tanda{letter-spacing:.05em;color:var(--danger);margin-top:2px;font-size:9px;font-style:normal;font-weight:800;display:block}.pengganti-tawaran{border:1px solid var(--warn);background:var(--warn-soft);border-radius:8px;margin-bottom:14px;padding:12px 14px}.pengganti-tawaran-head{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.pengganti-baris{cursor:pointer;align-items:flex-start;gap:10px;padding:6px 0;display:flex}.pengganti-baris+.pengganti-baris{border-top:1px solid var(--warn)}.pengganti-baris input{margin-top:3px}.pengganti-baris span{flex-direction:column;display:flex}.aksi-retur{justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.alat-uji{border:1px dashed var(--danger);border-radius:var(--radius);background:var(--danger-soft);justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:14px 16px;display:flex}.alat-uji>div{flex-direction:column;gap:2px;display:flex}.alat-uji span{color:var(--muted);font-size:13px}.teks-salah{color:var(--danger)}.tanda-margin{vertical-align:middle;border-radius:50%;flex:none;justify-content:center;align-items:center;width:14px;height:14px;margin-left:6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.tanda-margin.tipis{background:var(--warn);border:1px solid var(--warn)}.tanda-margin.rugi{background:var(--danger);border:1px solid var(--danger);color:#fff}.th-sort{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.th-sort:hover{color:var(--ink)}.th-arah{opacity:.45;width:10px;font-size:9px;display:inline-block}th[aria-sort=ascending] .th-arah,th[aria-sort=descending] .th-arah{opacity:1}.so-title-cust{color:var(--muted);font-weight:600}.foot-label{color:var(--muted);font-weight:700}.asal-barang{align-items:center;gap:6px;margin-top:4px;display:flex}.asal-label{color:var(--muted);font-size:11px}.asal-pilihan{border:1px solid var(--border);background:var(--surface);border-radius:999px;display:inline-flex;overflow:hidden}.asal-opsi{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:2px 10px;font-size:11px;font-weight:600;line-height:18px}.asal-opsi+.asal-opsi{border-left:1px solid var(--border)}.asal-opsi:hover:not(:disabled){background:var(--surface-alt);color:var(--ink)}.asal-opsi.aktif{color:#fff;background:var(--good);cursor:default}.asal-pilihan .asal-opsi.aktif:last-child{background:var(--blue)}.asal-opsi:disabled:not(.aktif){opacity:.5;cursor:not-allowed}.warn-text{color:var(--warn);font-weight:600}.baris-belanja-walau-cukup>td{background:var(--danger-soft)}.baris-belanja-walau-cukup>td:first-child{box-shadow:inset 3px 0 0 var(--danger)}.alat-uji-blok{border-top:1px dashed var(--border);margin-top:18px;padding-top:14px}.alat-uji-daftar{border:1px solid var(--border);border-radius:8px;max-height:220px;margin:10px 0;padding:8px 10px;overflow-y:auto}.jurnal-tebal td{border-top:1px solid var(--border);font-weight:700}.jurnal-beda{color:var(--danger);font-weight:700}.uji-lencana{letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-block}.uji-belum{background:var(--danger);color:#fff}.uji-parsial{color:var(--ink);background:#e8b53a}.uji-selesai{background:var(--good);color:#fff}.uji-tombol-baris{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.tabel-gulir{--baris:15;--tinggi-baris:2.55rem;max-height:calc(var(--baris) * var(--tinggi-baris) + 2.6rem);border:1px solid var(--border);border-radius:8px;overflow:auto}.tabel-gulir thead th{z-index:1;background:var(--surface-alt);position:sticky;top:0}.tabel-gulir .table{margin:0}.mis-galat{white-space:pre-wrap;word-break:break-word;margin:.5rem 0 0;font-size:.82rem}.bar-chart{gap:.45rem;display:grid}.bar-baris{grid-template-columns:minmax(7rem,14rem) 1fr auto;align-items:center;gap:.6rem;font-size:.85rem;display:grid}.bar-nama{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-alur{background:var(--surface-alt);border-radius:4px;height:1.1rem;display:flex;overflow:hidden}.bar-isi{--lebar:0%;--terang:0%;height:100%;width:var(--lebar);background:var(--accent-dark);background:color-mix(in srgb, var(--accent-dark), var(--surface) var(--terang));border-radius:4px;flex:none;min-width:2px;display:block}.bar-nilai{font-variant-numeric:tabular-nums;white-space:nowrap}.baris-klik{cursor:pointer}.baris-klik:hover td{background:var(--surface-alt)}.baris-rincian td{color:var(--muted);font-size:.84rem}.baris-transaksi td{background:var(--surface-alt);font-size:.82rem}.baris-transaksi.baris-klik{cursor:pointer}.baris-transaksi.baris-klik:hover td{background:var(--accent-soft)}.baris-barang td{background:var(--surface);color:var(--muted);font-size:.8rem}.biaya-judul{margin-top:14px}.input-tempo{width:auto;min-width:9.5rem;padding:2px 6px;font-size:.82rem}.po-baris{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1.5fr auto;align-items:end;gap:8px;margin-bottom:8px;padding-bottom:6px;display:grid}.po-baris:last-of-type{border-bottom:0}.po-baris-act{padding-bottom:2px}.po-baris .field{margin-bottom:0}@media (width<=900px){.po-baris{grid-template-columns:1fr 1fr}}@media print{.cetak-po{font-size:12px}}.sandi-kotak{display:block;position:relative}.sandi-kotak .input{width:100%;padding-right:2.6rem}.sandi-mata{cursor:pointer;opacity:.75;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:1rem;line-height:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.sandi-mata:hover,.sandi-mata:focus-visible{opacity:1;background:var(--surface-alt)}.mis-tanya{margin-bottom:10px}.mis-tanya-isi{resize:vertical;border:1px solid var(--border);width:100%;font:inherit;background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 10px}.tab-hitung{margin-left:6px}.stok-induk{cursor:pointer}.stok-induk:hover{background:var(--surface-alt)}.stok-induk .kait{width:14px;color:var(--muted);display:inline-block}.stok-lot>td{background:var(--surface-alt);font-size:13px}.stok-lot>td:first-child{padding-left:28px;position:relative}.stok-lot .lot-tanda{border-left:2px solid var(--border);position:absolute;top:0;bottom:0;left:14px}.mis-query-judul{text-align:left;cursor:pointer;min-width:0;color:inherit;font:inherit;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.mis-query-judul:hover h3{text-decoration:underline}.mis-query-card.tertutup .mis-query-head{border-bottom:0}.tema-pilih{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:14px;display:grid}.tema-kartu{border:2px solid var(--border);border-radius:var(--radius-besar);background:var(--surface);text-align:left;cursor:pointer;font:inherit;color:inherit;padding:14px;display:block}.tema-kartu:hover:not(:disabled){border-color:var(--accent-dark)}.tema-kartu.aktif{border-color:var(--accent-dark);box-shadow:0 0 0 3px var(--accent-soft)}.tema-kartu:disabled{opacity:.6;cursor:default}.tema-kartu b{margin-top:12px;font-size:14px;display:block}.tema-kartu small{color:var(--muted);margin-top:3px;font-size:11.5px;line-height:1.45;display:block}.tema-contoh{border-radius:8px;grid-template-rows:12px 1fr;grid-template-columns:22px 1fr;gap:3px;height:66px;padding:4px;display:grid;overflow:hidden}.tema-contoh i{border-radius:3px;display:block}.tema-contoh .tema-bar{grid-column:1/-1}.tema-contoh.green_leave{background:#f1f5ee}.tema-contoh.green_leave .tema-bar{background:#24553f}.tema-contoh.green_leave .tema-sisi{background:#6f9f7e}.tema-contoh.green_leave .tema-isi{background:#fff;box-shadow:inset 0 0 0 1px #dde7d9}.tema-contoh.blue_robot{background:#f3f8ff}.tema-contoh.blue_robot .tema-bar{background:#183b70}.tema-contoh.blue_robot .tema-sisi{background:#27538f}.tema-contoh.blue_robot .tema-isi{background:#fff;box-shadow:inset 0 0 0 1px #e8eef6}.brand-logo-mark{display:none}.brand-logo svg{width:100%;height:auto}:root[data-tema] .brand-logo-green{display:none}:root[data-tema] .brand-logo-mark{display:block}.tema-contoh.antique_brass{background:#fffeec}.tema-contoh.antique_brass .tema-bar,.tema-contoh.antique_brass .tema-sisi{background:#222}.tema-contoh.antique_brass .tema-isi{background:#fff;box-shadow:inset 0 0 0 1px #e6e4c9}.riwayat-transfer{margin:10px 0 0;padding:0;list-style:none}.riwayat-transfer li{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.riwayat-transfer li:first-child{border-top:0}.bukti-daftar{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.bukti-daftar a{text-decoration:none}.riwayat-transfer label.btn{cursor:pointer;flex-shrink:0}.riwayat-transfer label.btn.disabled{opacity:.6;pointer-events:none}.nota-belanja-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.nota-list{margin:0;padding:0;list-style:none}.nota-list>li{border-top:1px solid var(--border);padding:12px 0}.nota-list-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nota-list-total{margin-left:auto;font-weight:700}.nota-items{margin:8px 0;padding:0;font-size:13px;list-style:none}.nota-items li{grid-template-columns:minmax(0,1fr) auto 110px;gap:10px;padding:3px 0;display:grid}.nota-items li span:last-child{text-align:right}.nota-doc-head{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.nota-doc-total{text-align:right;font-size:18px}.nota-doc-item{border-top:1px solid var(--border);break-inside:avoid;padding:14px 0}.nota-doc-item-head{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.nota-doc .invoice-table .num{text-align:right}.nota-doc-foto{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.nota-doc-foto img{object-fit:contain;border:1px solid var(--border);max-width:48%;max-height:120mm}@media (width<=700px){.nota-items li{grid-template-columns:minmax(0,1fr) auto}.nota-items li span:last-child{grid-column:2}.nota-doc-foto img{max-width:100%}}.ganda-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}