@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #13202F;--ink-2: #3D4A5C;--muted: #66758A;--faint: #94A1B2;--navy: #0F2A4A;--navy-2: #173A63;--navy-3: #1C5CAB;--bg: #EDF1F5;--surface: #FFFFFF;--surface-2: #F6F8FB;--chart-surface: #FBFCFD;--glass: rgba(251,252,253,.78);--glass-strong: rgba(251,252,253,.92);--line: #DCE3EB;--line-2: #E9EEF3;--line-strong: #C5CFDB;--blue: #2a78d6;--blue-600: #1c5cab;--blue-700: #104281;--blue-50: #EAF2FC;--blue-100: #D5E5F9;--series-1: #2a78d6;--series-2: #eb6834;--cyan: #2a78d6;--cyan-soft: #EAF2FC;--signal: #E39A1C;--yellow: #E39A1C;--yellow-soft: #FDF3DF;--ok: #17803F;--ok-soft: #E3F4E8;--ok-dot: #0ca30c;--warn: #9A5F00;--warn-soft: #FCF1DA;--warn-dot: #fab219;--err: #B42F2F;--err-soft: #FBE7E7;--err-dot: #d03b3b;--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--shadow: 0 1px 0 rgba(19,32,47,.04), 0 1px 3px rgba(19,32,47,.05);--shadow-md: 0 2px 4px rgba(19,32,47,.04), 0 8px 24px -6px rgba(19,32,47,.1);--shadow-lg: 0 24px 60px -12px rgba(15,42,74,.28), 0 2px 6px rgba(15,42,74,.08);--font: "Archivo Variable", "Archivo", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--sidebar: 244px;--ease: cubic-bezier(.2,.7,.2,1);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;font:400 14px/1.5 var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(rgba(15,42,74,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(15,42,74,.028) 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed}a{color:var(--blue-600);text-underline-offset:2px}h1,h2,h3,h4{margin:0;font-stretch:92%;letter-spacing:-.012em}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}::selection{background:var(--blue-100)}.tnum{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:-.01em}.muted{color:var(--muted)}.small{font-size:12px}.right{text-align:right}.nowrap{white-space:nowrap}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:14px}.only-sm{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.linkish{background:none;border:0;padding:0;color:var(--blue-600);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.clip1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell{display:flex;min-height:100%}.sidebar{width:var(--sidebar);background:#0e1a2b;color:#b9c6d6;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid #1A2A40;background-image:linear-gradient(180deg,rgba(42,120,214,.1),transparent 240px)}.brand{padding:20px 18px 18px;display:flex;gap:12px;align-items:center}.brand-mark{width:36px;height:36px;border-radius:9px;background:#f4f7fb;color:#0e1a2b;display:grid;place-items:center;font-weight:800;font-size:12.5px;font-stretch:80%;box-shadow:inset 0 -3px 0 var(--signal)}.brand b{display:block;color:#fff;font-size:14px;font-stretch:90%;letter-spacing:.01em}.brand small{color:#7f93ad;font-size:11.5px}.nav{padding:6px 10px 12px;overflow-y:auto;flex:1}.nav-sec{font-size:11.5px;font-weight:600;color:#6c819c;padding:16px 12px 6px}.nav a{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:8px;color:inherit;text-decoration:none;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;position:relative}.nav a svg{width:18px;height:18px;opacity:.75;flex-shrink:0}.nav a:hover{background:#ffffff0d;color:#fff}.nav a.active{background:#2a78d633;color:#fff}.nav a.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--signal)}.nav a.active svg{opacity:1;color:#8fc0f5}.side-foot{padding:12px 14px calc(12px + var(--safe-b));border-top:1px solid rgba(255,255,255,.07);font-size:12px}.side-foot button{background:none;border:1px solid rgba(255,255,255,.16);color:#c9d5e4;border-radius:7px;padding:5px 10px;cursor:pointer}.side-foot button:hover{background:#ffffff0f}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:var(--glass);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(197,207,219,.7);padding:calc(10px + var(--safe-t)) 28px 10px;display:flex;align-items:center;gap:12px;min-height:60px}.topbar h1{font-size:19px;font-weight:680;color:var(--navy);font-stretch:88%}.topbar .crumb{color:var(--muted);font-size:12px}.topbar .crumb a{color:var(--muted)}.content{padding:22px 28px 48px;max-width:1520px;width:100%;animation:fade .24s var(--ease)}@keyframes fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.bottom-nav{display:none}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:550;background:#e6ebf1;color:var(--ink-2);white-space:nowrap}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.err{background:var(--err-soft);color:var(--err)}.pill.info{background:var(--blue-50);color:var(--blue-600)}.pill.click{cursor:pointer;border:0}.badge{--dot: #94A1B2;display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 7px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;background:#f1f4f8;color:var(--ink-2);box-shadow:inset 0 0 0 1px #13202f12;line-height:18px}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dot);flex-shrink:0}.st-new,.st-received,.st-pickup,.st-checking{--dot: #86b6ef}.st-waiting-po{--dot: #5598e7;background:#eef4fc}.st-po-ready{--dot: #2a78d6;background:#e7f0fb;color:var(--blue-700)}.st-repair-in-progress,.st-completed{--dot: #1c5cab}.st-delivered{--dot: #104281}.st-can-t-repair{--dot: #d03b3b;background:var(--err-soft);color:var(--err)}.st-draft{--dot: #A3AEBC}.st-issued{--dot: #2a78d6}.st-sent{--dot: #5598e7}.st-paid,.st-accepted,.st-delivered-mail,.st-opened-app{--dot: #0ca30c;background:var(--ok-soft);color:var(--ok)}.st-partially-paid,.st-sending{--dot: #fab219;background:var(--warn-soft);color:var(--warn)}.st-overdue,.st-failed{--dot: #d03b3b;background:var(--err-soft);color:var(--err)}.st-cancelled,.st-rejected,.st-expired{--dot: #A3AEBC;color:var(--muted);text-decoration:line-through;text-decoration-color:#66758a80}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-h{padding:14px 18px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card-h h3{font-size:15px;font-weight:650;color:var(--navy);flex:1}.card-b{padding:18px}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-main{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:18px}.kpi{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px 13px;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s var(--ease);box-shadow:var(--shadow)}.kpi:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi .k-label{font-size:12.5px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:7px}.kpi .k-val{font-size:26px;font-weight:700;font-stretch:88%;color:var(--navy);margin-top:4px;letter-spacing:-.02em}.kpi .k-val.money{font-size:19px}.kpi .k-dot{width:9px;height:9px;border-radius:50%}.kpi.accent:after{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--signal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius-sm);padding:7px 14px;min-height:38px;cursor:pointer;font-weight:600;font-size:13.5px;color:var(--ink);transition:background .15s,border-color .15s,box-shadow .15s,transform .08s;white-space:nowrap;text-decoration:none;box-shadow:0 1px #13202f0a}.btn:hover{border-color:#aebbcb;background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn svg{width:16px;height:16px}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 1px 2px #0f2a4a40}.btn.primary:hover{background:var(--navy-2)}.btn.accent{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 1px 2px #2a78d64d}.btn.accent:hover{background:var(--blue-600);border-color:var(--blue-600)}.btn.danger{color:var(--err)}.btn.danger:hover{background:var(--err-soft);border-color:#ebb9b9}.btn.ghost{border-color:transparent;background:transparent;box-shadow:none}.btn.ghost:hover{background:#13202f0f}.btn.sm{min-height:32px;padding:4px 10px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn .spin{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:rot .7s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--ink-2);font-weight:600;min-width:0}.field .req{color:var(--err)}.input,.field input,.field select,.field textarea,.tools input,.tools select{border:1px solid #CDD6E1;background:#fff;border-radius:var(--radius-sm);padding:8px 11px;min-height:40px;font-weight:400;font-size:14px;color:var(--ink);width:100%;transition:border-color .15s,box-shadow .15s}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2366758A' stroke-width='1.8'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px!important}.field textarea{min-height:80px;resize:vertical}.input:focus,.field input:focus,.field select:focus,.field textarea:focus,.tools input:focus,.tools select:focus,select:focus,input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2a78d62e}.field.invalid input,.field.invalid select{border-color:var(--err)}.field .hint{font-weight:400;color:var(--muted);font-size:11.5px}.field .error{font-weight:500;color:var(--err);font-size:12px}.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px 16px}.form .full{grid-column:1 / -1}.row>.form.grow{flex:1 1 320px}.check{display:inline-flex;gap:8px;align-items:center;font-size:13.5px;cursor:pointer}.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.tools input,.tools select{width:auto;min-width:140px}.tools .search{flex:1;min-width:200px}.tools input[type=checkbox],.field input[type=checkbox]{width:auto;min-width:0;min-height:0;flex:none;accent-color:var(--blue)}.alert{border-radius:var(--radius-sm);padding:10px 13px;font-size:13px;display:flex;gap:10px;align-items:flex-start;border:1px solid transparent}.alert.err{background:var(--err-soft);color:#8e2424;border-color:#f2c9c9}.alert.warn{background:var(--warn-soft);color:#7a4a00;border-color:#f1ddb0}.alert.info{background:var(--blue-50);color:#134a8a;border-color:var(--blue-100)}.alert.ok{background:var(--ok-soft);color:#135f31;border-color:#c3e6cf}.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}table.t{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.t th{position:sticky;top:0;background:var(--surface-2);color:var(--muted);font-weight:600;font-size:12px;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;-webkit-user-select:none;user-select:none}.t th.sortable{cursor:pointer}.t th.sortable:hover{color:var(--navy)}.t td{padding:11px 12px;border-bottom:1px solid var(--line-2);vertical-align:middle}.t tbody tr{transition:background .12s}.t tbody tr.click{cursor:pointer}.t tbody tr.click:hover{background:#f2f7fd}.t td.num,.t th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.t .clip{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t.compact td{padding:7px 10px}.t.compact th{padding:8px 10px}.pager{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--line-2);color:var(--muted);font-size:12.5px;flex-wrap:wrap}.pager select{border:1px solid var(--line);border-radius:6px;padding:4px 8px;background-color:#fff}.mcards{display:none}.mcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}.mcard .top{display:flex;justify-content:space-between;gap:8px;align-items:center}.empty{padding:40px 16px;text-align:center;color:var(--muted)}.empty svg{width:34px;height:34px;opacity:.45;margin-bottom:6px}.sk{background:linear-gradient(90deg,#e6ebf1 25%,#f1f4f8 37%,#e6ebf1 63%);background-size:400% 100%;animation:sk 1.3s ease infinite;border-radius:6px}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1a2b61;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;animation:ov .16s ease-out}@keyframes ov{0%{opacity:0}}.modal{background:var(--glass-strong);backdrop-filter:saturate(1.5) blur(20px);-webkit-backdrop-filter:saturate(1.5) blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:16px;box-shadow:var(--shadow-lg);width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;animation:pop .22s var(--ease);outline:none}.modal.wide{width:min(880px,100%)}.modal.xwide{width:min(1080px,100%)}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.985)}}.modal-h{padding:16px 20px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;gap:10px}.modal-h h3{flex:1;font-size:17px;color:var(--navy);font-weight:680}.modal-b{padding:18px 20px;overflow-y:auto;overscroll-behavior:contain}.modal-f{padding:12px 20px;border-top:1px solid var(--line-2);display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.toasts{position:fixed;right:18px;bottom:calc(18px + var(--safe-b));z-index:90;display:flex;flex-direction:column;gap:8px;max-width:min(440px,calc(100vw - 36px))}.toast{background:#0e1a2beb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:12px 14px;border-radius:11px;box-shadow:var(--shadow-lg);font-size:13.5px;display:flex;gap:10px;align-items:flex-start;animation:pop .22s var(--ease);border-left:3px solid #8FC0F5}.toast.err{border-left-color:#f08a8a}.toast.ok{border-left-color:#6fd58c}.toast.warn{border-left-color:#f5c25b}.toast button{background:none;border:0;color:inherit;opacity:.7;cursor:pointer;margin-left:auto}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--line)}.timeline li{position:relative;padding:0 0 16px 28px}.timeline li:before{content:"";position:absolute;left:1px;top:4px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--blue)}.timeline li:first-child:before{border-color:var(--cyan);box-shadow:0 0 0 4px #12a4d926}.timeline li.imp:before{border-color:#a8b4c4}.progress{container-type:inline-size;margin:6px 0}.prog-wide{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.prog-wide li{position:relative;text-align:center;padding:0 3px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px}.prog-wide li:before{content:"";position:absolute;top:9px;right:50%;width:100%;height:2px;background:#d3dbe4}.prog-wide li:first-child:before{display:none}.prog-wide li.done:before,.prog-wide li.cur:before{background:var(--ok)}.prog-wide .dot{position:relative;z-index:1;width:20px;height:20px;border-radius:50%;border:2px solid #C3CDD9;background:#fff;display:grid;place-items:center;font-size:11px;color:#fff;font-weight:700}.prog-wide li.done .dot{background:var(--ok);border-color:var(--ok)}.prog-wide li.cur .dot{border-color:var(--cyan);box-shadow:0 0 0 4px #12a4d92e;background:var(--cyan)}.prog-wide .lbl{font-size:11px;line-height:1.25;color:var(--muted);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.prog-wide li.done .lbl{color:var(--ok)}.prog-wide li.cur .lbl{color:var(--navy);font-weight:700}.prog-wide .dt{font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}.prog-narrow{display:none}.prog-narrow .dots{display:flex;gap:4px;margin-bottom:6px}.prog-narrow .dots span{flex:1;height:6px;border-radius:3px;background:#e3e8ee}.prog-narrow .dots span.done{background:var(--ok)}.prog-narrow .dots span.cur{background:var(--cyan)}@container (max-width: 560px){.prog-wide{display:none}.prog-narrow{display:block}}@supports not (container-type: inline-size){@media (max-width: 860px){.prog-wide{display:none}.prog-narrow{display:block}}}.summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:14px}.summary .kpi{padding:10px 12px}.summary .kpi .k-val{font-size:20px}.summary .kpi.on{border-color:var(--cyan);box-shadow:0 0 0 2px #12a4d940}.chart{width:100%;height:auto;display:block}.chart text{font:10.5px var(--font);fill:var(--muted)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--ink-2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}.hbar{display:grid;grid-template-columns:130px 1fr 54px;gap:10px;align-items:center;font-size:12.5px;padding:5px 0;cursor:pointer;border-radius:6px}.hbar:hover{background:var(--surface-2)}.hbar .track{height:9px;background:#eef2f6;border-radius:5px;overflow:hidden}.hbar .fill{height:100%;border-radius:5px;transition:width .5s ease}.paper{background:#fff;width:100%;max-width:820px;margin:0 auto;padding:44px 48px;box-shadow:0 2px 20px #0b25451f;border-radius:4px;color:#18222f;font-size:13px;position:relative}.paper .wm{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:96px;font-weight:800;color:#c23b3b17;transform:rotate(-24deg);pointer-events:none;letter-spacing:.1em}.paper .ph{display:flex;justify-content:space-between;gap:20px;border-top:5px solid var(--navy);padding-top:18px}.paper h2{color:var(--navy);font-size:24px}.paper .doc-title{font-size:30px;font-weight:800;color:var(--navy);letter-spacing:.04em;text-align:right}.paper table{width:100%;border-collapse:collapse;margin-top:16px;font-size:12.5px}.paper th{background:var(--navy);color:#fff;padding:7px 8px;font-weight:600}.paper td{padding:7px 8px;border:1px solid #E1E6ED}.paper .tot{margin-left:auto;width:300px;margin-top:8px}.paper .tot div{display:flex;justify-content:space-between;padding:4px 8px}.paper .tot .big{background:#eef4fa;font-weight:700;color:var(--navy);font-size:14.5px}.paper .lbl{color:var(--cyan);font-weight:700;font-size:11px;letter-spacing:.06em}.paper .sig{width:230px;text-align:center}.paper .sig .line{border-top:1px solid #96A0AF;margin-top:70px;padding-top:4px;font-weight:700}.preview-wrap{background:#e6eaf0;padding:20px;border-radius:var(--radius);overflow:auto}.auth-wrap{min-height:100%;display:grid;grid-template-columns:1.1fr 1fr}.auth-art{background:radial-gradient(1200px 600px at -10% -20%,#1D4173 0%,transparent 60%),linear-gradient(160deg,#0b2545,#071a33);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-art .grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent)}.auth-art h2{font-size:34px;line-height:1.15;max-width:420px;position:relative}.auth-art p{color:#a9bbd1;max-width:420px;position:relative}.auth-art .accent-bar{width:56px;height:4px;background:var(--yellow);border-radius:2px;margin-bottom:18px;position:relative}.auth-form{display:flex;align-items:center;justify-content:center;padding:32px}.auth-card{width:min(380px,100%)}.auth-card h1{font-size:22px;color:var(--navy);margin-bottom:4px}.sync-list{display:flex;flex-direction:column;gap:8px}.sync-item{border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dropzone{border:1.5px dashed #C3CDD9;border-radius:var(--radius);padding:18px;text-align:center;color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.over{border-color:var(--cyan);background:var(--cyan-soft);color:#0b78a5}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.thumb{border:1px solid var(--line);border-radius:8px;padding:8px;font-size:12px;display:flex;flex-direction:column;gap:6px;background:var(--surface)}.thumb .ico{height:76px;border-radius:6px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);overflow:hidden}.thumb .ico img{width:100%;height:100%;object-fit:cover}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}.tabs button{background:none;border:0;padding:9px 13px;cursor:pointer;color:var(--muted);font-weight:550;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.on{color:var(--navy);border-bottom-color:var(--cyan)}.kv{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;font-size:13.5px}.kv dt{color:var(--muted)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.items-edit td{padding:5px 6px}.items-edit input{min-height:34px;padding:6px 8px;border:1px solid #D5DCE5;border-radius:6px;width:100%}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.tabs button{background:none;border:0;padding:10px 14px;cursor:pointer;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;white-space:nowrap;margin-bottom:-1px;transition:color .15s,border-color .15s}.tabs button:hover{color:var(--ink)}.tabs button.on{color:var(--navy);border-bottom-color:var(--blue)}.items-edit td{padding:7px 6px;vertical-align:top}.items-edit input{min-height:38px;padding:7px 9px;border:1px solid #CDD6E1;border-radius:7px;width:100%;background:#fff}.items-edit input:disabled{background:var(--surface-2);color:var(--ink-2)}.items-edit tr.linked td.desc input{border-left:3px solid var(--blue)}.items-edit .ln{padding-top:16px;text-align:center}.items-edit .amt{padding-top:16px;font-weight:600}.items-edit .act{padding-top:9px}.items-edit input.adj{border-color:var(--warn-dot);background:#fffbf1}.line-tag{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-2);margin-top:5px;flex-wrap:wrap}.line-tag svg{color:var(--blue)}.line-tag .badge{font-size:10.5px;padding:0 7px 0 5px;line-height:16px}.adj-note{font-size:11px;color:var(--warn);margin-top:4px;line-height:1.35}.adj-note button{display:block;background:none;border:0;padding:2px 0 0;color:var(--blue-600);font-weight:600;cursor:pointer;text-decoration:underline;font-size:11px}.items-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.picker-head{display:grid;grid-template-columns:minmax(150px,220px) 1fr auto;gap:10px;align-items:center;margin-bottom:12px}.picker-cust{display:flex;flex-direction:column;line-height:1.25;min-width:0}.picker-cust b{color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segmented{display:inline-flex;background:#e7ecf2;border-radius:9px;padding:3px;gap:2px}.segmented button{border:0;background:none;padding:7px 12px;border-radius:7px;font-weight:600;font-size:13px;color:var(--ink-2);cursor:pointer;white-space:nowrap;min-height:34px;transition:background .15s,color .15s,box-shadow .15s}.segmented button span{color:var(--muted);margin-left:4px;font-weight:500}.segmented button.on{background:#fff;color:var(--navy);box-shadow:0 1px 3px #13202f24}.pick-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pick-row{width:100%;display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:start;text-align:left;padding:12px 14px;border-radius:11px;background:#fff;border:1px solid var(--line);cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;min-height:64px}.pick-row:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.pick-row.on{border-color:var(--blue);background:#f4f8fe;box-shadow:0 0 0 1px var(--blue)}.pick-row.disabled{cursor:not-allowed;opacity:.62;background:var(--surface-2);box-shadow:none}.pick-check{width:22px;height:22px;border-radius:7px;border:1.5px solid #B5C1CF;display:grid;place-items:center;margin-top:1px;background:#fff;transition:background .15s,border-color .15s}.pick-row.on .pick-check{background:var(--blue);border-color:var(--blue);color:#fff}.pick-main{display:flex;flex-direction:column;gap:3px;min-width:0}.pick-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pick-id{color:var(--muted)}.pick-model{color:var(--navy);font-size:14.5px;font-stretch:92%;overflow-wrap:anywhere}.pick-meta{font-size:12.5px;color:var(--ink-2)}.pick-meta i{color:var(--faint)}.pick-desc{font-size:12.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pick-flag{font-size:11.5px;font-weight:600;margin-top:2px}.pick-flag.billed,.pick-flag.here{color:var(--muted)}.pick-flag.draft{color:var(--warn)}.pick-price{font-weight:700;color:var(--navy);white-space:nowrap;padding-top:1px}.picker-sum{font-size:13.5px}.cust-list{display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow-y:auto}.cust-opt{text-align:left;padding:13px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;font-weight:600;color:var(--navy);cursor:pointer;min-height:48px}.cust-opt:hover{border-color:var(--blue);background:#f4f8fe}.analytics{--gap: 16px}.fbar{position:sticky;top:60px;z-index:15;margin:0 0 18px;padding:12px 14px 10px;border-radius:14px;background:var(--glass);border:1px solid rgba(197,207,219,.75);backdrop-filter:saturate(1.5) blur(14px);-webkit-backdrop-filter:saturate(1.5) blur(14px);box-shadow:var(--shadow-md)}.fbar-toggle{display:none}.fbar-grid{display:grid;grid-template-columns:repeat(4,minmax(110px,.8fr)) repeat(3,minmax(150px,1.2fr));gap:8px 10px}.fbar-grid label{display:flex;flex-direction:column;gap:3px;min-width:0}.fbar-grid label>span{font-size:11.5px;font-weight:600;color:var(--muted);padding-left:2px}.fbar-grid select,.fbar-grid input{min-height:36px;border:1px solid #CDD6E1;border-radius:8px;padding:6px 10px;background-color:#fff;width:100%;font-size:13.5px;min-width:0}.fbar-scope{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px;min-height:32px}.scope{font-size:13px;color:var(--ink-2);font-weight:500}.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line-strong);background:#fff;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink-2)}.chip:hover{border-color:var(--blue);color:var(--blue-600)}.chip.strong{background:var(--navy);border-color:var(--navy);color:#fff}.chip.strong:hover{background:var(--navy-2);color:#fff}.an-body{transition:opacity .2s}.an-body.refreshing{opacity:.55;pointer-events:none}.pipeline{position:relative;border-radius:18px;padding:22px 24px 18px;margin-bottom:var(--gap);color:#fff;overflow:hidden;background:radial-gradient(900px 300px at 100% 0%,rgba(42,120,214,.35),transparent 60%),linear-gradient(160deg,#10223a,#0b1829 70%);box-shadow:0 18px 40px -18px #0b182999}.pipeline:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000 40%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%)}.pl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;position:relative;z-index:1}.pl-fig{font-size:56px;line-height:.95;font-weight:750;font-stretch:78%;letter-spacing:-.03em}.pl-cap{color:#a9bcd3;font-size:13.5px;margin-top:6px}.pl-cap span{color:#fff;font-weight:600}.pl-note{color:#8fa6c1;font-size:12.5px;max-width:300px;margin:0}.pl-empty{position:relative;z-index:1;margin-top:18px;color:#c8d5e5}.pl-empty .linkish{color:#8fc0f5}.gauge{position:relative;z-index:1;margin-top:20px}.g-bar{display:flex;gap:3px;height:30px;border-radius:8px;overflow:hidden;background:#ffffff0f}.g-seg{border:0;padding:0;min-width:6px;cursor:pointer;transition:flex-grow .7s var(--ease),opacity .2s,transform .2s;animation:grow-x .9s var(--ease) both;transform-origin:left}.g-seg:hover,.g-seg.on{filter:brightness(1.12)}.g-seg.dim{opacity:.35}@keyframes grow-x{0%{transform:scaleX(0)}}.g-scale{height:10px;margin-top:4px;opacity:.55;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 1px,transparent 1px 10%),repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 1px,transparent 1px 2%);background-size:100% 10px,100% 5px;background-repeat:no-repeat}.g-legend{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.g-legend button{width:100%;height:100%;text-align:left;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:9px 10px 8px;cursor:pointer;display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:1px;align-items:center;transition:background .15s,border-color .15s}.g-legend button:hover:not(:disabled){background:#ffffff17}.g-legend li.on button{border-color:#8fc0f5cc;background:#2a78d638}.g-legend li.zero button{opacity:.5;cursor:default}.g-step{grid-row:1 / span 3;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-size:11px;font-weight:700;align-self:start;color:#c8d5e5}.g-name{font-size:12px;color:#c8d5e5;display:flex;align-items:center;gap:6px;min-width:0}.g-name i{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #ffffff26}.g-legend b{font-size:22px;font-stretch:82%;font-weight:700;line-height:1.1}.g-legend small{font-size:11px;color:#8fa6c1}.readouts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:var(--gap)}.readout{grid-column:span 1;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 14px 12px;cursor:pointer;display:flex;flex-direction:column;gap:3px;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s,transform .15s var(--ease);min-width:0;position:relative}.readout:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.readout.money{grid-column:span 2}.readout.warn:after{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--err-dot)}.ro-l{font-size:12.5px;color:var(--muted);font-weight:550;display:flex;align-items:center;gap:7px}.ro-l i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.ro-v{font-size:28px;font-weight:720;font-stretch:84%;color:var(--navy);letter-spacing:-.02em;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readout.money .ro-v{font-size:24px}.ro-s{font-size:11.5px;color:var(--muted)}.an-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-12{grid-column:span 12}.panel{background:var(--chart-surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);min-width:0;display:flex;flex-direction:column;animation:rise .5s var(--ease) both}.an-grid .panel:nth-child(2){animation-delay:.04s}.an-grid .panel:nth-child(3){animation-delay:.08s}.an-grid .panel:nth-child(4){animation-delay:.12s}.an-grid .panel:nth-child(n+5){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.panel-h{display:flex;gap:10px;align-items:flex-start;padding:15px 18px 4px}.panel-h h3{font-size:15px;font-weight:680;color:var(--navy)}.panel-h p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}.panel-b{padding:10px 18px 16px;flex:1;min-width:0}.seg-t{border:1px solid var(--line);background:#fff;border-radius:7px;font-size:12px;font-weight:600;color:var(--ink-2);padding:4px 10px;cursor:pointer;min-height:30px}.seg-t:hover{border-color:var(--line-strong)}.seg-t[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.nodata{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--muted);min-height:150px;font-size:13px;padding:10px}.nodata svg{width:28px;height:28px;opacity:.45}.donut-wrap{display:flex;gap:22px;align-items:center;flex-wrap:wrap;justify-content:center;padding-top:6px}.donut-wrap .vz-legend{flex-direction:column;gap:2px;flex:1;min-width:200px}.donut-wrap .vz-leg{justify-content:flex-start;width:100%}.donut-wrap .vz-leg b{margin-left:auto}.mix{margin-bottom:14px}.mix-fig{display:flex;flex-direction:column;margin-bottom:8px}.mix-fig b{font-size:24px;font-weight:720;font-stretch:84%;color:var(--navy)}.mix-fig>span{font-size:12.5px;color:var(--muted)}.mix-bar{display:flex;gap:2px;height:14px;border-radius:4px;overflow:hidden;background:var(--line-2);margin-bottom:8px}.mix-bar span{animation:grow-x .9s var(--ease) both;transform-origin:left;transition:flex-grow .6s var(--ease)}.perf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:8px}.perf div{display:flex;flex-direction:column}.perf b{font-size:24px;font-weight:720;font-stretch:84%;color:var(--navy);line-height:1.15}.perf div>span{font-size:12px;color:var(--muted)}.oldest{margin-top:10px;border-top:1px solid var(--line-2);padding-top:8px;display:flex;flex-direction:column;gap:2px}.oldest-r{display:flex;gap:10px;align-items:center;background:none;border:0;padding:7px 6px;border-radius:7px;text-align:left;cursor:pointer;font-size:13px;min-height:36px}.oldest-r:hover{background:var(--surface-2)}.oldest-r b{color:var(--err)}.an-foot{margin:18px 2px 0;max-width:100ch;line-height:1.55}.vz{position:relative;width:100%;min-width:0}.vz-svg{display:block;overflow:visible}.vz-grid{stroke:#e6ebf1;stroke-width:1;shape-rendering:crispEdges}.vz-base{stroke:#c5cfdb;stroke-width:1;shape-rendering:crispEdges}.vz-cross{stroke:#94a1b2;stroke-width:1;stroke-dasharray:3 3}.vz-tick{font:500 11px var(--font);fill:var(--muted);font-variant-numeric:tabular-nums}.vz-col path{transition:opacity .2s}.vz-col.dim path{opacity:.38}.vz-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.1s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.vz-tip{position:absolute;z-index:5;pointer-events:none;min-width:140px;max-width:240px;padding:9px 11px;border-radius:10px;transform:translateY(-100%);background:#0e1a2bed;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;box-shadow:var(--shadow-lg);font-size:12.5px;animation:ov .12s ease-out}.vz-tip-row{display:flex;align-items:center;gap:7px}.vz-tip-row b{font-size:14px}.vz-tip-row span{color:#b9c6d6}.vz-tip-row i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.vz-tip-t{color:#8fa6c1;font-size:11.5px;margin-top:3px}.vz-tip-h{color:#8fc0f5;font-size:11px;margin-top:3px}.vz-legend{display:flex;gap:4px 14px;flex-wrap:wrap;margin-bottom:6px}.vz-leg{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-2);background:none;border:0;padding:4px 6px;border-radius:7px;min-height:28px;transition:opacity .2s,background .15s}button.vz-leg{cursor:pointer}button.vz-leg:hover{background:var(--surface-2)}.vz-leg i{width:10px;height:10px;border-radius:3px;flex-shrink:0}.vz-leg b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.vz-leg.on{background:var(--blue-50)}.vz-leg.dim{opacity:.5}.vz-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.vz-bar,.vz-srow{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l v" "t t";gap:4px 10px;align-items:baseline;text-align:left;background:none;border:0;padding:7px 8px;border-radius:8px;transition:background .15s,opacity .2s;min-height:44px}button.vz-bar,button.vz-srow{cursor:pointer}button.vz-bar:hover,button.vz-srow:hover{background:var(--surface-2)}.vz-bar.on{background:var(--blue-50)}.vz-bar.dim{opacity:.45}.vz-bar-l{grid-area:l;font-size:13px;color:var(--ink);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vz-bar-l small{color:var(--muted);font-weight:400;margin-left:8px;font-size:11.5px}.vz-bar-v{grid-area:v;font-size:13px;font-weight:650;color:var(--ink)}.vz-track{grid-area:t;height:10px;border-radius:0 4px 4px 0;background:var(--line-2);overflow:hidden}.vz-fill{display:block;height:100%;border-radius:0 4px 4px 0}.vz-strack{grid-area:t;display:flex;gap:2px;height:14px;border-radius:0 4px 4px 0;overflow:hidden;min-width:4px;transition:width .7s var(--ease)}.vz-strack span{min-width:2px;transition:flex-grow .7s var(--ease)}.vz-strack span:hover{filter:brightness(1.1)}.vz-donut{position:relative;flex-shrink:0}.vz-donut svg{display:block;overflow:visible}.vz-seg{transition:opacity .2s,d .2s;outline:none}.vz-seg.dim{opacity:.35}.vz-seg:focus-visible{stroke:var(--ink);stroke-width:2}.vz-donut-c{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;padding:0 40px}.vz-donut-c b{font-size:30px;font-weight:750;font-stretch:80%;color:var(--navy);line-height:1}.vz-donut-c span{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.2}@media (max-width: 1280px){.readouts{grid-template-columns:repeat(3,minmax(0,1fr))}.readout.money{grid-column:span 1}.fbar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fbar-grid label.wide{grid-column:span 2}.fbar-grid label.wide:last-child{grid-column:span 4}}@media (max-width: 1100px){.g-main{grid-template-columns:1fr}.g3{grid-template-columns:1fr 1fr}.span-5,.span-6,.span-7{grid-column:span 12}.g-legend{grid-template-columns:repeat(3,minmax(0,1fr))}.items-edit thead{display:none}.items-edit,.items-edit tbody{display:block}.items-edit tr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 10px;padding:12px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:#fff;grid-template-areas:"ln ln ln act act act" "desc desc desc desc desc desc" "mdl mdl mdl sn sn sn" "po po po po po po" "qty price price price amt amt"}.items-edit tr.empty-row{display:block;border-style:dashed}.items-edit tr.linked{border-left:3px solid var(--blue)}.items-edit tr.linked td.desc input{border-left-width:1px;border-left-color:#cdd6e1}.items-edit td{display:block;padding:0;border:0;min-width:0}.items-edit td.ln{grid-area:ln;padding-top:6px;text-align:left;font-weight:700;color:var(--navy)}.items-edit td.ln:before{content:"Line ";font-weight:600}.items-edit td.desc{grid-area:desc}.items-edit td.mdl{grid-area:mdl}.items-edit td.sn{grid-area:sn}.items-edit td.po{grid-area:po}.items-edit td.qty{grid-area:qty}.items-edit td.price{grid-area:price}.items-edit td.amt{grid-area:amt;align-self:end;padding:0 0 10px;font-size:15px;color:var(--navy)}.items-edit td.act{grid-area:act;display:flex;justify-content:flex-end;padding:0}.items-edit td.mdl:before,.items-edit td.sn:before,.items-edit td.po:before,.items-edit td.qty:before,.items-edit td.price:before,.items-edit td.amt:before{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:3px}.items-edit td.mdl:before{content:"Model"}.items-edit td.sn:before{content:"Serial no"}.items-edit td.po:before{content:"PO reference"}.items-edit td.qty:before{content:"Qty"}.items-edit td.price:before{content:"Unit price (Rp)"}.items-edit td.amt:before{content:"Amount";text-align:right}.items-tw{overflow:visible}.picker-head{grid-template-columns:1fr}.picker-head .segmented{width:100%}.picker-head .segmented button{flex:1}}@media (max-width: 860px){.sidebar{display:none}.topbar{padding:calc(8px + var(--safe-t)) 14px 8px;gap:8px;min-height:54px}.topbar h1{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .pill{padding:3px 8px}.topbar .row .btn{padding:6px 10px;min-height:36px}.content{padding:14px 14px calc(96px + var(--safe-b))}body{background-size:24px 24px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--glass-strong);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-top:1px solid rgba(197,207,219,.8);padding:6px 4px calc(6px + var(--safe-b))}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:550;color:var(--muted);text-decoration:none;background:none;border:0;padding:4px 0;min-height:50px;justify-content:center}.bottom-nav svg{width:22px;height:22px}.bottom-nav a.active{color:var(--navy)}.bottom-nav a.active svg{color:var(--blue)}.g2,.g3{grid-template-columns:1fr}.hide-sm{display:none!important}.only-sm{display:initial!important}.desk-table{display:none}.mcards{display:flex;flex-direction:column;gap:10px;padding:10px}.kpis{grid-template-columns:repeat(2,1fr);gap:10px}.kpi .k-val{font-size:23px}.auth-wrap{grid-template-columns:1fr}.auth-art{display:none}.modal{border-radius:18px 18px 0 0;width:100%;max-height:92vh;align-self:flex-end;animation:sheet .26s var(--ease)}.modal.sheet{height:92vh}.modal.sheet .modal-f .btn.primary{flex:1;min-height:46px;font-size:15px}.modal.sheet .modal-f{flex-wrap:nowrap}@keyframes sheet{0%{transform:translateY(40px);opacity:.4}}.overlay{padding:0;align-items:flex-end}.modal-h,.modal-b{padding:14px 16px}.modal-f{padding:10px 16px calc(12px + var(--safe-b))}.paper{padding:22px 16px;font-size:11.5px}.paper .ph{flex-direction:column}.paper .doc-title{text-align:left;font-size:24px}.paper .tot{width:100%}.preview-wrap{padding:8px}.field input,.field select,.field textarea,.tools input,.tools select,.input,.fbar-grid select,.fbar-grid input,.items-edit input{font-size:16px}.items-edit input{min-height:44px}.kv{grid-template-columns:110px 1fr}.hbar{grid-template-columns:96px 1fr 44px}.tools input,.tools select{flex:1 1 140px}.card-h>.muted.small{flex-basis:100%}.items-actions .btn{flex:1 1 45%;min-height:46px}.pick-row{grid-template-columns:24px 1fr;padding:12px}.pick-price{grid-column:2;padding-top:0;font-size:15px}.fbar{position:static;padding:10px;border-radius:12px}.fbar-toggle{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:0;padding:4px 2px 6px;font-weight:650;color:var(--navy);min-height:40px;cursor:pointer}.fbar:not(.open) .fbar-grid{display:none}.fbar-scope{margin-top:4px}.fbar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fbar-grid label.wide,.fbar-grid label.wide:last-child{grid-column:span 2}.pipeline{padding:18px 16px 14px;border-radius:16px}.pl-fig{font-size:46px}.pl-note{display:none}.g-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.g-legend b{font-size:19px}.readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.readout{padding:11px 12px}.ro-v{font-size:24px}.readout.money{grid-column:span 2}.readout.money .ro-v{font-size:22px}.donut-wrap{flex-direction:column;align-items:stretch}.donut-wrap .vz-donut{align-self:center}.panel-h{padding:13px 14px 2px}.panel-b{padding:8px 12px 14px}.donut-wrap .vz-legend{min-width:0;width:100%}.perf b{font-size:20px}}@media (max-width: 420px){.g-legend small{display:none}.perf{grid-template-columns:1fr 1fr}.perf div:last-child{grid-column:span 2}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.vz-draw{stroke-dashoffset:0}}@media print{body{background:#fff}.no-print,.sidebar,.topbar,.bottom-nav,.toasts,.fbar{display:none!important}.content{padding:0;max-width:none}.preview-wrap{background:none;padding:0}.paper{box-shadow:none;max-width:none;padding:0}@page{size:A4;margin:14mm}}@media (min-width: 600px) and (max-width: 860px){.g-legend,.readouts{grid-template-columns:repeat(3,minmax(0,1fr))}.readout.money{grid-column:span 1}}.env-banner{position:fixed;top:0;left:0;right:0;z-index:100;height:28px;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:12.5px;font-weight:650;color:#3a2600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:repeating-linear-gradient(135deg,#f5b83d 0,#f5b83d 14px,#efa923 14px,#efa923 28px);box-shadow:0 1px #0000001f}.shell.staging{padding-top:28px}.shell.staging .sidebar{top:28px;height:calc(100vh - 28px)}.shell.staging .topbar{top:28px}.shell.staging .fbar{top:88px}@media (max-width: 860px){.env-banner{font-size:11.5px}}