.gio{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.gio-sec{padding-block:72px 104px}.gio__head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;margin-bottom:28px;display:flex}.gio__head .h-sm{border:0;flex:1;margin:0}.gio__head .h-sm span{font-family:var(--mono);color:var(--muted);margin-left:10px;font-size:.875rem;font-weight:500}.gio__xoa-het{font-size:var(--fs-xs);color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:16px;padding:0;text-decoration:underline}.gio__xoa-het:hover{color:#a3141b}.gio-list{margin:-14px 0 0;padding:0;list-style:none}.mon{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 172px 112px 116px 28px;align-items:center;gap:14px;padding:14px 0;display:grid}.mon__ten a{font-family:var(--mono);color:var(--ink);word-break:break-word;font-weight:500;text-decoration:none;display:block}.mon__ten a[href]:hover{color:var(--brand);text-decoration:underline}.mon__ten small{color:var(--muted);margin-top:2px;font-size:.75rem;line-height:1.45;display:block}.mon__tt select{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--white);width:100%;font-size:var(--fs-xs);padding:8px 10px}.sl{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--white);display:flex}.sl button{cursor:pointer;width:34px;color:var(--slate);background:0 0;border:0;place-items:center;padding:0;display:grid}.sl button:hover{background:var(--paper);color:var(--ink)}.sl .icon{width:14px;height:14px}.sl input{border:0;border-inline:1px solid var(--line);text-align:center;width:46px;font-family:var(--mono);-moz-appearance:textfield;padding:8px 0}.sl input::-webkit-inner-spin-button{-webkit-appearance:none}.mon__gia{font-family:var(--mono);font-size:var(--fs-xs);text-align:right}.mon__gia span{color:var(--muted)}.mon__xoa{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.mon__xoa:hover{color:#a3141b;background:#fdecec}.gio-rong{background:var(--paper);border:2px dashed var(--line-2);justify-items:start;gap:14px;padding:32px;display:grid}.gio-rong[hidden]{display:none}.gio-rong .icon{width:40px;height:40px;color:var(--brand);stroke-width:1.5px}.gio-rong p{margin:0}.gio-them{border:2px solid var(--ink);background:var(--white);margin-top:28px;padding:20px 22px}.gio-them label{font-size:var(--fs-xs);color:var(--muted);margin-bottom:12px;display:block}.gio-them label b{font-family:var(--head);color:var(--ink);font-size:1.25rem;display:block}.gio-them div{gap:10px;display:flex}.gio-them input{border:1px solid var(--line-2);border-radius:var(--radius);font-family:var(--mono);font-size:var(--fs-sm);flex:1;padding:12px 14px}.gio-them input:focus{outline:2px solid var(--brand);outline-offset:0;border-color:var(--brand)}.gio-them .btn{min-height:0}.gio-tong{background:var(--paper);border-left:6px solid var(--accent);font-size:var(--fs-sm);margin:20px 0 0;padding:14px 18px}.gio-form{top:calc(var(--hdr) + 24px);position:sticky}.form .gio-vat{border:1px solid var(--line-2);background:var(--white);cursor:pointer;align-items:center;gap:10px;padding:12px 14px;display:flex}.gio-vat input{width:18px;height:18px;accent-color:var(--brand)}.gio-vat__o{border:1px solid var(--line-2);background:var(--white);border-top:0;gap:16px;margin:-4px 0 0;padding:16px;display:grid}.gio-vat__o[hidden]{display:none}.gio-tong{background:var(--paper);border-left:6px solid var(--accent);margin-top:20px;padding:18px 20px}.gio-tong[hidden]{display:none}.gio-tong dl,.xong__tong{gap:6px;margin:0;display:grid}.gio-tong dl[hidden],.xong__tong[hidden]{display:none}.gio-tong dl>div,.xong__tong>div{font-size:var(--fs-sm);justify-content:space-between;gap:16px;display:flex}.gio-tong dt small{color:var(--muted);margin-left:6px;font-size:.75rem}.gio-tong dd,.xong__tong dd{font-family:var(--mono);margin:0}.gio-tong__tong{border-top:2px solid var(--ink);margin-top:6px;padding-top:10px}.gio-tong__tong dt{font-family:var(--head);font-size:1.375rem;font-weight:700}.gio-tong__tong dd{color:var(--brand);font-size:1.375rem;font-weight:500}.gio-tong p{font-size:var(--fs-xs);color:var(--slate);margin:10px 0 0}.gio-tong p[hidden]{display:none}.gio-tong .gio-tong__note{color:var(--muted)}.mon__gia b{color:var(--ink);font-weight:500;display:block}.mon__gia small{white-space:nowrap;color:var(--muted);font-size:.6875rem;display:block}.gio-tt{border:0;gap:8px;margin:0;padding:0;display:grid}.gio-tt[hidden]{display:none}.gio-tt legend{font-size:var(--fs-sm);margin-bottom:6px;font-weight:600}.form .gio-tt label{border:1px solid var(--line-2);background:var(--white);cursor:pointer;align-items:flex-start;gap:10px;padding:10px 14px;font-weight:400;display:flex}.form .gio-tt label:has(input:checked){border-color:var(--brand);box-shadow:inset 4px 0 0 var(--brand)}.gio-tt input{width:18px;height:18px;accent-color:var(--brand);margin-top:2px}.gio-tt span b{display:block}.gio-tt legend b{color:#c0262d}.gio-tt span{font-size:var(--fs-xs);color:var(--muted)}.gio-tt span b{font-size:var(--fs-sm);color:var(--ink)}.xong{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.xong__don[hidden],.xong__ben[hidden]{display:none}.xong__ma{font-size:var(--fs-sm);color:var(--muted);margin:0 0 6px}.xong__ma b{font-family:var(--mono);color:var(--ink);margin:0 12px 0 6px;font-size:1.5rem}.xong__demo{font-size:var(--fs-xs);background:#fff6cc;margin:0 0 20px;padding:4px 10px;display:inline-block}.xong__bang{border-collapse:collapse;width:100%;font-size:var(--fs-sm);margin-bottom:18px}.xong__bang th{background:var(--ink);color:var(--white);font-family:var(--mono);text-transform:uppercase;text-align:left;padding:9px 10px;font-size:.6875rem;font-weight:500}.xong__bang td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px}.xong__bang b{font-family:var(--mono);font-weight:500}.xong__bang small{color:var(--muted);font-size:.75rem;display:block}.xong__bang .so{text-align:right;font-family:var(--mono);white-space:nowrap}.xong__bang td span{color:var(--muted)}.xong__bg{font-size:var(--fs-xs);color:var(--slate)}.xong__tt{margin:0 0 24px}.xong__tt>div{border-bottom:1px solid var(--line);font-size:var(--fs-sm);grid-template-columns:140px 1fr;gap:12px;padding:9px 0;display:grid}.xong__tt dt{color:var(--muted)}.xong__tt dd{margin:0}.xong .gio-rong{grid-column:1/-1}.mon__kho{border:1px solid var(--ok);color:var(--ok);font-style:normal;font-family:var(--mono);background:#eaf7f0;margin-top:4px;padding:1px 7px;font-size:.75rem;display:inline-block}.mon__kho[hidden]{display:none}.gio .cs-ban{margin-top:24px}@media (max-width:1023px){.gio,.xong{grid-template-columns:minmax(0,1fr);gap:36px}.gio-form{position:static}.gio-sec{padding-block:48px 64px}}@media (max-width:767px){.gio-sec{padding-block:32px 48px}.gio__head{flex-wrap:wrap}.mon{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ten xoa""tt tt""sl gia";gap:10px 12px;padding:14px 0}.mon__ten{grid-area:ten}.mon__xoa{grid-area:xoa}.mon__tt{grid-area:tt}.mon .sl{grid-area:sl;justify-self:start}.mon__gia{grid-area:gia;align-self:center}.gio-them{padding:16px}.gio-them div{flex-wrap:wrap}.gio-them input{flex:200px;min-width:0}.gio-tong{padding:14px 16px}.gio-tong__tong dt,.gio-tong__tong dd{font-size:1.1875rem}.xong__tt>div{grid-template-columns:minmax(0,1fr);gap:2px}.xong__bang th,.xong__bang td{padding:8px 6px;font-size:.875rem}.xong__ma b{font-size:1.25rem}}