@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/sarabun-thai-300-normal-BN8u1R_f.woff2) format("woff2"),url(/assets/sarabun-thai-300-normal-CeQQHihL.woff) format("woff");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/sarabun-vietnamese-300-normal-CM6gSLIq.woff2) format("woff2"),url(/assets/sarabun-vietnamese-300-normal-C-VpFJg5.woff) format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/sarabun-latin-ext-300-normal-DVzubw8F.woff2) format("woff2"),url(/assets/sarabun-latin-ext-300-normal-DZevhMdx.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Sarabun;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/sarabun-latin-300-normal-C4UDQu3F.woff2) format("woff2"),url(/assets/sarabun-latin-300-normal-DM2N0hOY.woff) format("woff");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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-thai-400-normal-Ctiu2VP3.woff2) format("woff2"),url(/assets/sarabun-thai-400-normal-Ceh6OReX.woff) format("woff");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-vietnamese-400-normal-PseBeXcR.woff2) format("woff2"),url(/assets/sarabun-vietnamese-400-normal-CBKf12LN.woff) format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-ext-400-normal-lSdDS2Zr.woff2) format("woff2"),url(/assets/sarabun-latin-ext-400-normal-BYOctmIy.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-400-normal-BanHfguD.woff2) format("woff2"),url(/assets/sarabun-latin-400-normal-C_HUHYd2.woff) format("woff");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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sarabun-thai-500-normal-DDcAzY8f.woff2) format("woff2"),url(/assets/sarabun-thai-500-normal-UO-HYlpC.woff) format("woff");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sarabun-vietnamese-500-normal-BS5IfTrR.woff2) format("woff2"),url(/assets/sarabun-vietnamese-500-normal-2uJpZDHi.woff) format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sarabun-latin-ext-500-normal-D2DB7xgf.woff2) format("woff2"),url(/assets/sarabun-latin-ext-500-normal-BG4jU7sv.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sarabun-latin-500-normal-Ht7alJYy.woff2) format("woff2"),url(/assets/sarabun-latin-500-normal-B71aZJ3X.woff) format("woff");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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-thai-600-normal-BTm5s7_C.woff2) format("woff2"),url(/assets/sarabun-thai-600-normal-CCMopUlp.woff) format("woff");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-vietnamese-600-normal-B4PXKn-i.woff2) format("woff2"),url(/assets/sarabun-vietnamese-600-normal-BIPKY5Uk.woff) format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-latin-ext-600-normal-CzQttFKH.woff2) format("woff2"),url(/assets/sarabun-latin-ext-600-normal-DEFZRxLK.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-latin-600-normal-B15J_7Su.woff2) format("woff2"),url(/assets/sarabun-latin-600-normal-CtVq2kmm.woff) format("woff");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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-thai-700-normal-BPVflowQ.woff2) format("woff2"),url(/assets/sarabun-thai-700-normal-us_dJcTx.woff) format("woff");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-vietnamese-700-normal-BDOunKjs.woff2) format("woff2"),url(/assets/sarabun-vietnamese-700-normal-BZ5sU9Bv.woff) format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-latin-ext-700-normal-CznwLiIm.woff2) format("woff2"),url(/assets/sarabun-latin-ext-700-normal-2_dzJiIW.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-latin-700-normal-BWahiqmM.woff2) format("woff2"),url(/assets/sarabun-latin-700-normal-CCjk8JrN.woff) format("woff");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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f4f6fa;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--primary: #1e40af;--primary-600: #1d4ed8;--primary-50: #eff6ff;--side: #0b1736;--side-2: #13234d;--side-text: #c7d2fe;--green: #047857;--green-bg: #ecfdf5;--red: #b91c1c;--red-bg: #fef2f2;--amber: #b45309;--amber-bg: #fffbeb;--blue: #1d4ed8;--blue-bg: #eff6ff;--teal: #0f766e;--teal-bg: #f0fdfa;--navy: #1e3a8a;--navy-bg: #e0e7ff;--gray: #475569;--gray-bg: #f1f5f9;--radius: 10px;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);--font: "Sarabun", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:15px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary-600);outline-offset:2px}.app{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.sidebar{background:var(--side);color:var(--side-text);position:sticky;top:0;height:100vh;overflow-y:auto;padding-bottom:24px}.brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}.brand-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#3b82f6,#1e40af);display:grid;place-items:center;font-weight:700}.brand-name{font-weight:700;line-height:1.1}.brand-sub{font-size:12px;color:#94a3b8}.nav-group{padding:12px 10px 2px}.nav-title{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#64748b;padding:6px 10px;display:flex;gap:6px}.nav-title b{color:#475569;font-weight:600}.nav a{display:block;padding:7px 12px;border-radius:7px;color:var(--side-text);font-size:14.5px}.nav a:hover{background:var(--side-2);text-decoration:none;color:#fff}.nav a.active{background:#1e3a8a;color:#fff}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:56px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:20}.topbar .spacer{flex:1}.menu-btn{display:none}.content{padding:22px;max-width:1440px;width:100%}.crumbs{font-size:13px;color:var(--text-3);margin-bottom:4px}.page-head{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-head h1{font-size:22px}.page-head .actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.user-chip{display:flex;align-items:center;gap:8px;font-size:14px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--navy-bg);color:var(--navy);display:grid;place-items:center;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:18px}.card-head{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.card-head h3{font-size:16px}.card-head .actions{margin-left:auto;display:flex;gap:8px}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--text-2)}.small{font-size:13px}.right{text-align:right}.mono{font-variant-numeric:tabular-nums}.hr{height:1px;background:var(--border);margin:14px 0}.kpi{padding:16px 18px}.kpi .label{font-size:13px;color:var(--text-2)}.kpi .value{font-size:24px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .sub{font-size:12.5px;color:var(--text-3);margin-top:2px}.btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;font-size:14.5px;white-space:nowrap}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-600)}.btn.danger{color:var(--red);border-color:#fecaca}.btn.danger:hover{background:var(--red-bg)}.btn.success{background:var(--green);border-color:var(--green);color:#fff}.btn.sm{height:30px;padding:0 10px;font-size:13.5px}.btn.ghost{border-color:transparent;background:transparent}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>label{font-size:13px;color:var(--text-2);font-weight:500}.field .req{color:var(--red)}.field .hint{font-size:12px;color:var(--text-3)}.field .err{font-size:12px;color:var(--red)}.input,select.input,textarea.input{height:36px;border:1px solid var(--border-strong);border-radius:8px;padding:0 10px;background:#fff;width:100%;min-width:0}textarea.input{height:auto;padding:8px 10px;min-height:64px;resize:vertical}.input:focus{border-color:var(--primary-600);outline:none;box-shadow:0 0 0 3px #2563eb26}.input.num{text-align:right;font-variant-numeric:tabular-nums}.input[readonly],.input:disabled{background:var(--surface-2);color:var(--text-2)}.check{display:inline-flex;gap:8px;align-items:center;font-size:14.5px;cursor:pointer}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.span2{grid-column:span 2}.span3{grid-column:span 3}.span4{grid-column:1 / -1}.table-wrap{overflow-x:auto}table.t{width:100%;border-collapse:collapse;font-size:14px}.t th{text-align:left;font-weight:600;color:var(--text-2);font-size:13px;padding:10px 12px;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0}.t th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.t td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:top}.t tr:hover td{background:#fafcff}.t tr.clickable{cursor:pointer}.t td.num,.t th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.t tfoot td{font-weight:700;background:var(--surface-2);border-top:2px solid var(--border-strong)}.t tr.group td{background:#f1f5f9;font-weight:600}.t tr.sub td{padding-left:28px}.t .lines-input td{padding:5px 6px}.t .lines-input .input{height:32px}.table-tools{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center}.table-tools .input{max-width:260px}.table-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;color:var(--text-2)}.empty{padding:40px;text-align:center;color:var(--text-3)}.badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}.b-gray{background:var(--gray-bg);color:var(--gray)}.b-green{background:var(--green-bg);color:var(--green)}.b-red{background:var(--red-bg);color:var(--red)}.b-amber{background:var(--amber-bg);color:var(--amber)}.b-blue{background:var(--blue-bg);color:var(--blue)}.b-teal{background:var(--teal-bg);color:var(--teal)}.b-navy{background:var(--navy-bg);color:var(--navy)}.alert{padding:11px 14px;border-radius:8px;font-size:14px;border:1px solid}.alert.err{background:var(--red-bg);color:var(--red);border-color:#fecaca}.alert.warn{background:var(--amber-bg);color:var(--amber);border-color:#fde68a}.alert.info{background:var(--blue-bg);color:var(--blue);border-color:#bfdbfe}.alert.ok{background:var(--green-bg);color:var(--green);border-color:#a7f3d0}.alert ul{margin:6px 0 0;padding-left:18px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.tabs button{border:0;background:none;padding:9px 14px;cursor:pointer;color:var(--text-2);border-bottom:2px solid transparent;white-space:nowrap}.tabs button.on{color:var(--primary);border-color:var(--primary);font-weight:600}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:100;padding:16px}.modal{background:#fff;border-radius:12px;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 20px 50px #00000040}.modal.wide{width:min(1100px,100%)}.modal-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center}.modal-head h3{font-size:17px}.modal-head .x{margin-left:auto}.modal-body{padding:18px 20px}.modal-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.toasts{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{background:#0f172a;color:#fff;padding:11px 16px;border-radius:9px;font-size:14px;box-shadow:0 8px 24px #0003;max-width:420px}.toast.err{background:#991b1b}.doc-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 18px}.doc-meta .k{font-size:12.5px;color:var(--text-3)}.doc-meta .v{font-size:14.5px}.totals{margin-left:auto;width:min(380px,100%)}.totals .r{display:flex;justify-content:space-between;padding:5px 0;font-variant-numeric:tabular-nums}.totals .r.big{font-size:17px;font-weight:700;border-top:1px solid var(--border);padding-top:9px;margin-top:4px}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:6px 0 6px 18px;border-left:2px solid var(--border);position:relative;font-size:13.5px}.timeline li:before{content:"";position:absolute;left:-6px;top:11px;width:10px;height:10px;border-radius:50%;background:var(--primary)}.bars{display:flex;align-items:flex-end;gap:10px;height:180px;padding:10px 4px 0}.bars .m{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.bars .pair{display:flex;align-items:flex-end;gap:3px;height:150px;width:100%;justify-content:center}.bars .bar{width:42%;max-width:18px;border-radius:4px 4px 0 0}.bars .rev{background:#2563eb}.bars .exp{background:#f59e0b}.bars .lbl{font-size:11.5px;color:var(--text-3);white-space:nowrap}.legend{display:flex;gap:14px;font-size:13px;color:var(--text-2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-art{background:radial-gradient(circle at 20% 20%,#1d4ed8,#0b1736 70%);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font-size:34px;line-height:1.25}.login-form{display:grid;place-items:center;padding:32px}.login-card{width:min(380px,100%)}.print-page{background:#e5e7eb;min-height:100vh;padding:24px 0}.print-bar{max-width:210mm;margin:0 auto 12px;display:flex;gap:8px;align-items:center}.sheet{width:210mm;min-height:297mm;margin:0 auto;background:#fff;padding:14mm 14mm 12mm;box-shadow:0 4px 20px #00000026;font-size:13.5px;color:#000;position:relative}.sheet table{width:100%;border-collapse:collapse}.sheet .hdr{display:flex;justify-content:space-between;gap:16px;border-bottom:2px solid #1e3a8a;padding-bottom:10px}.sheet .co-name{font-size:18px;font-weight:700}.sheet .doc-title{text-align:right}.sheet .doc-title h2{font-size:22px;color:#1e3a8a}.sheet .doc-title .en{font-size:12px;letter-spacing:.08em;color:#334155}.sheet .orig{display:inline-block;border:1px solid #1e3a8a;color:#1e3a8a;padding:1px 10px;margin-top:6px;font-size:12px}.sheet .boxes{display:grid;grid-template-columns:1.6fr 1fr;gap:10px;margin:12px 0}.sheet .box{border:1px solid #94a3b8;border-radius:6px;padding:8px 10px}.sheet .box .k{color:#475569;font-size:12px}.sheet .items th{background:#1e3a8a;color:#fff;padding:6px 8px;font-weight:600;font-size:12.5px}.sheet .items td{padding:6px 8px;border-bottom:1px solid #e2e8f0;vertical-align:top}.sheet .items td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.sheet .sum{display:grid;grid-template-columns:1fr 300px;gap:12px;margin-top:10px}.sheet .sum .words{border:1px solid #94a3b8;border-radius:6px;padding:8px 10px;align-self:start;background:#f8fafc}.sheet .sum table td{padding:4px 6px}.sheet .sum table td.n{text-align:right;font-variant-numeric:tabular-nums}.sheet .sum .grand td{font-weight:700;border-top:1px solid #000;border-bottom:3px double #000}.sheet .signs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;text-align:center}.sheet .signs .line{border-bottom:1px dotted #000;height:42px;margin:0 10px 6px}.sheet .signs .who{font-weight:600;min-height:18px}.sheet .signs .pos{color:#334155;font-size:12.5px;min-height:16px}.sheet .signs .date{font-size:12px;color:#475569;margin-top:6px}.sheet .foot{position:absolute;bottom:8mm;left:14mm;right:14mm;font-size:10.5px;color:#64748b;display:flex;justify-content:space-between}.sheet .notes{margin-top:10px;font-size:12.5px}.preview-flag{max-width:210mm;margin:0 auto 10px}.wht-form td,.wht-form th{border:1px solid #000;padding:5px 7px;font-size:12.5px}@media print{@page{size:A4;margin:0}body{background:#fff}.no-print{display:none!important}.print-page{padding:0;background:#fff}.sheet{box-shadow:none;margin:0;width:210mm;min-height:296mm}.sheet+.sheet{page-break-before:always;break-before:page}}@media (max-width: 1100px){.g4,.form-grid,.doc-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:280px;z-index:50;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:0 0 40px #0006}.menu-btn{display:inline-flex}.content{padding:14px}.g2,.g3,.g4,.form-grid{grid-template-columns:1fr}.span2,.span3{grid-column:auto}.login-wrap{grid-template-columns:1fr}.login-art,.topbar .hide-sm{display:none}}