*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{width:100%;min-height:100vh}body{background:#f2f2f2;font-family:Barlow Semi Condensed,sans-serif;overflow-x:hidden}.invoice-page{width:100%;min-height:100vh;display:flex}.invoice-left-panel{background:#14386d;align-items:center;width:48%;padding-left:90px;display:flex}.left-content{text-align:center;width:100%;max-width:620px}.left-title{color:#fff;letter-spacing:-1px;font-family:Barlow Semi Condensed,sans-serif;font-size:72px;font-weight:800;line-height:1.08}.left-highlight{color:#f97316}.left-description{color:#fff;text-align:center;max-width:420px;margin-top:55px;margin-left:auto;margin-right:auto;font-size:16px;font-style:italic;font-weight:600;line-height:1.5}.invoice-right-panel{background:#f2f2f2;justify-content:center;align-items:center;width:52%;display:flex}.invoice-card{width:100%;max-width:550px}.invoice-logo{width:340px;margin:0 auto 20px;display:block}.invoice-title{color:#163867;margin-bottom:8px;font-size:22px;font-weight:700}.invoice-subtitle{color:#f97316;text-transform:uppercase;margin-bottom:18px;font-size:18px;font-weight:700}.invoice-form{flex-direction:column;gap:14px;display:flex}.invoice-input{color:#163867;background:#ebebeb;border:none;border-radius:8px;width:100%;height:64px;padding:0 16px;font-family:Barlow Semi Condensed,sans-serif;font-size:18px;font-weight:600}.invoice-input::placeholder{color:#888}.invoice-input:focus{outline:none;box-shadow:0 0 0 2px #f9731626}.invoice-button{color:#fff;text-transform:uppercase;background:#f97316;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.invoice-button:hover{background:#ea5f00}.invoice-button svg{font-size:16px}.invoice-button:disabled{opacity:.65;cursor:not-allowed}.invoice-error{color:#dc2626;font-size:13px}.invoice-success{color:#16a34a;font-size:13px}.invoice-result{margin-top:16px}@media (max-width:1400px){.left-title{font-size:64px}}@media (max-width:1200px){.left-title{font-size:58px}.invoice-left-panel{padding-left:60px}}@media (max-width:900px){.invoice-page{flex-direction:column}.invoice-left-panel{display:none}.invoice-right-panel{width:100%;min-height:100vh;padding:24px}.invoice-card{max-width:420px}.invoice-logo{width:240px}}.invoice-download-card{background:#fff;border:1px solid #d9d9d9;border-radius:6px;flex-direction:column;gap:16px;margin-top:24px;padding:20px;display:flex;box-shadow:0 2px 6px #0000001f}.invoice-download-info{color:#173f77;font-size:20px;font-weight:700;line-height:1.4}.invoice-download-file-button{color:#fff;cursor:pointer;background:#173f77;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:70px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.invoice-download-file-button:hover{background:#102f5a}.invoice-download-file-button svg{width:20px;height:20px}@media (max-width:900px){.invoice-download-card{text-align:center}}
@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(../media/barlow-semi-condensed-vietnamese-400-normal.809e0dc2.woff2)format("woff2"),url(../media/barlow-semi-condensed-vietnamese-400-normal.c301b7ed.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(../media/barlow-semi-condensed-latin-ext-400-normal.d5f7ebfa.woff2)format("woff2"),url(../media/barlow-semi-condensed-latin-ext-400-normal.f5bca514.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(../media/barlow-semi-condensed-latin-400-normal.591ee040.woff2)format("woff2"),url(../media/barlow-semi-condensed-latin-400-normal.449af43b.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(../media/barlow-semi-condensed-vietnamese-600-normal.ae5f5aee.woff2)format("woff2"),url(../media/barlow-semi-condensed-vietnamese-600-normal.f49632fd.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(../media/barlow-semi-condensed-latin-ext-600-normal.b9c16ff7.woff2)format("woff2"),url(../media/barlow-semi-condensed-latin-ext-600-normal.65fdfe66.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(../media/barlow-semi-condensed-latin-600-normal.50d000da.woff2)format("woff2"),url(../media/barlow-semi-condensed-latin-600-normal.ff54a40f.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(../media/barlow-semi-condensed-vietnamese-700-normal.ad28458c.woff2)format("woff2"),url(../media/barlow-semi-condensed-vietnamese-700-normal.cc0f95e0.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(../media/barlow-semi-condensed-latin-ext-700-normal.fdc62377.woff2)format("woff2"),url(../media/barlow-semi-condensed-latin-ext-700-normal.9e5abb09.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(../media/barlow-semi-condensed-latin-700-normal.817ebbc5.woff2)format("woff2"),url(../media/barlow-semi-condensed-latin-700-normal.65392082.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}