@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Lao:wght@100..900&family=Poppins:wght@400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);.text-title-two-line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}:root{--whiteColor:#fff;--lightBlueColor:#1890ff;--redColor:#d21c1c;--redColor500:#db1237;--grayColor:#f9f9f9;--buttonBgColor:#f5f5f5;--textTopicColor:#00072b;--textButtonColor:#5c5c5c;--textTitleColor:#252a31;--facebookColor:#1877f2;--buttonBorderRadius:3px;--buttonPadding:5px 10px;--profileImageSize:29px}.card-profile-account{width:270px;position:absolute;top:3.5em;right:4em;z-index:999;background:#fff;background:var(--whiteColor);box-shadow:0 10px 50px rgba(0,0,0,.1);border-radius:.5em;padding:1em;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid #ddd;& .profile{display:flex;justify-content:center;align-items:center;flex-direction:column;& img{width:100px;height:100px;border-radius:.3em}}& .menu-setting{padding:5px;flex-direction:column;min-width:240px;& li{justify-content:start;align-items:center;grid-gap:5px;gap:5px;padding:.4em;list-style:none;cursor:pointer;border-radius:.2em}& li:hover{background:#f5f5f5;background:var(--buttonBgColor)}& li:nth-child(2){margin-left:-.2em}& li:last-child:hover{color:#d21c1c;color:var(--redColor)}}}.app-bar-mobile{position:fixed;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(47deg,#1a66be,#5a54a2);background:var(--mainColor);z-index:999;display:flex;justify-content:center;align-items:center;& .btn-home-live{overflow:none;width:60px;height:60px;border-radius:18px;color:#db1237;color:var(--redColor500);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);margin-top:-2em;background:#fff;background:var(--whiteColor);border:none;border-top:1px solid #db1237;border-top:1px solid var(--redColor500)}}.navbar{justify-content:start;align-items:flex-start;margin-left:0}.fixed-navbar,.navbar{display:flex;position:fixed}.fixed-navbar{width:100%;top:0;left:0;background-color:#fff;z-index:99;border-bottom:1px solid #f2f2f2;padding:.55em;justify-content:space-between;align-items:center}.nav-menu{width:230px;justify-content:center;top:0;display:none}.nav-menu.active{position:fixed;left:0;display:block}.nav-text{background-color:pink;align-items:center;list-style:none}.nav-text,.nav-text a{display:flex;justify-content:start;width:100%}.nav-text a{background-color:#422f90;text-decoration:none;color:#f5f5f5;font-size:18px;height:50%;align-items:start;padding-top:10px;padding-left:30px}.nav-text a:hover{width:100%;background-color:#fff;color:#d21c1c}.navbar-toggle{width:100%;height:50px;display:flex;font-size:30px;justify-content:end;align-items:center;padding-right:20px}span{margin-left:16px}.btn-logout{border-width:0;border-radius:8px;color:red;background-color:#fff;text-align:center;height:30px;width:100%}.meu-logout-system{position:absolute;left:0;bottom:3em;width:100%;transition:all .3s ease-in-out;padding-left:2em;padding-top:.75em;grid-gap:10px;gap:10px;display:flex;justify-content:start;align-items:center;color:#422f90;cursor:pointer;& p{padding-top:.75em}}.meu-logout-system:hover{background-color:#f9f9f9;background-color:var(--grayColor)}.NavBar{display:flex;justify-content:space-between;background-color:#fff;align-items:center;padding:0 24px}.NavBar>div{display:flex;justify-content:center}.NavBar img{width:40px;height:40px}.NavBar_Left p{padding-top:1em}.NavBar_Right p{display:flex;justify-content:center;align-items:center;padding:2px 10px;border-radius:6px;margin:0 10px 0 0;color:#5c5c5c;color:var(--textButtonColor)}.NavBar_Right .overlay-button:hover{background:linear-gradient(47deg,#1a66be,#5a54a2);background:var(--mainColor);color:#fff}.NavBar_Right .Help_Button{color:#5c5c5c;color:var(--textButtonColor);padding:2px 10px;margin-right:6px;background-color:initial;font-size:16px;transition:all .2s ease-in-out;border-radius:3px;border-radius:var(--buttonBorderRadius)}.NavBar_Right .Facebook_Button,.NavBar_Right .Help_Button:hover{background:linear-gradient(47deg,#1a66be,#5a54a2);background:var(--mainColor);color:#fff}.NavBar_Right .Facebook_Button{padding:5px 10px;padding:var(--buttonPadding);border-radius:.55em;margin-right:6px;transition:all .2s ease-in-out;height:38px;font-size:14px;margin-top:3px}.NavBar_Right .Facebook_Button:hover{background-color:#422f90;color:#fff}.NavBar_Right .Facebook_Button_Logout{border:1px solid #1877f2;border:1px solid var(--facebookColor);color:#1877f2;color:var(--facebookColor);padding:5px 10px;padding:var(--buttonPadding);border-radius:.5em;margin-right:6px;margin-top:2px;min-height:43px}.NavBar_Right .User_Detail{border:1px solid linear-gradient(47deg,#1a66be,#5a54a2);border:1px solid var(--mainColor);display:flex;justify-content:center;align-items:center;border-radius:3px;border-radius:var(--buttonBorderRadius);padding:5px 10px;padding:var(--buttonPadding)}.NavBar_Right .User_Detail img{width:29px;width:var(--profileImageSize);height:29px;height:var(--profileImageSize);border-radius:100%;aspect-ratio:1/1}.NavBar_Right .User_Detail p{background-color:initial;padding:0 5px;margin:2px 0}.NavBar_Right .User_Detail p:first-of-type{border-radius:0}.btn-more-advertising{position:absolute;left:0;bottom:5em;z-index:99}.btn-more-advertising,.system-notice-popup{width:100%;display:flex;justify-content:center;align-items:center}.system-notice-popup{flex-direction:column}.system-notice-popup .system-image{padding:.55em;border-radius:.2em;background-color:#f3f3f3}.system-notice-popup .system-image img{width:100%;height:100%;object-fit:contain;border-radius:.2em;margin-bottom:3em}.close-button{position:absolute;right:-.8em;top:-.8em;z-index:999;width:2em;height:2em;border-radius:10em;background-color:#fff;display:flex;justify-content:center;align-items:center;color:#422f90;cursor:pointer}.actions-btn-overview{padding:1em;position:relative;& Button{position:absolute;z-index:9999em;width:100%;left:0;top:0}}#sidenav-block{position:fixed;display:block;margin-left:200px}.sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02{background-color:#fff!important}.sc-ifAKCX .iAgGBH .sidenav-navitem---3r9ER .selected---91VwC .highlighted---1vG8Y,.sidenav---expanded .sidenav---sidenav-navitem-- :hover{background-color:#cc2000}h4 .font{font-family:"Fonteng"}#inlineFormInputGroup1,#inlineFormInputGroup2{max-width:300px;border:1px solid #ddd}.form-btn{max-width:320px;margin-left:5%}.col h1{margin:50px;font-size:64px;text-align:center;color:#3c169b;font-weight:regular}.contain{padding-left:10px;padding-right:130px}@media only screen and (max-width:1090px){.col h1{margin:50px;font-size:40px;color:#3c169b;font-weight:regular}.contain .text{font-size:18px}.contain{padding:0}}@media only screen and (max-width:1024px){.contain{padding:0}}ol.carousel-indicators{position:absolute;bottom:-100;margin:0;left:0;right:0;width:auto}ol.carousel-indicators li,ol.carousel-indicators li.active{float:center;margin-bottom:-100}.card-footer-modals{display:flex;grid-gap:1em;gap:1em;justify-content:center;align-items:center;padding:1.5em;margin-top:-5em;& .btn-cancel-modals{background:hsla(0,0%,86.7%,.8666666666666667);color:#3c169b}& .btn-cancel-modals,& .btn-contact-team{width:auto;padding:.5em 2em;border-radius:.3em;display:flex;align-items:center;justify-content:center;cursor:pointer}& .btn-contact-team{background:green;color:#fff}}.floating-container{position:fixed;width:80px;height:50px;bottom:0;right:0;margin:15px}.floating-container:hover{height:100px}.floating-container:hover .floating-button{-webkit-transform:translatey(5px);transform:translatey(5px);transition:all .3s}.floating-container .floating-button{position:absolute;width:65px;height:65px;background:var(--mainColor);bottom:0;border-radius:50%;left:0;right:0;margin:auto;color:#fff;line-height:65px;text-align:center;font-size:23px;font-weight:700;z-index:100;cursor:pointer;transition:all .3s}.mb-3 .frm-select{border-left:none}.mb-3 .icon-text{border-right:none;background-color:#fff}#form-bill,#form-select-type{border:none}.nav-tabs{background-color:#fafafa}.up-arrow{border-bottom:6px solid #fafafa;border-color:#fafafa #fafafa #b0bac9;border-width:0 6px 7px;margin-bottom:5px}.down-arrow,.up-arrow{width:0;height:0;background:#fafafa;border-style:solid;cursor:pointer}.down-arrow{border-top:6px solid #fafafa;border-color:#b0bac9 #fafafa #fafafa;border-width:7px 6px 0;margin-top:1px}.dropstart .dropdown-toggle:before{content:none}#btn-printcheque{cursor:not-allowed;pointer-events:none;background-color:#c4c4c4!important;color:#fff!important}#btn-printcheque,#btn-printcheque-active{border:none;padding:12px 16px;border-radius:3px!important}#btn-printcheque-active{cursor:pointer;background-color:#4e34d1!important}.card-actions-table{width:100%;padding:.5em;display:grid;grid-template-columns:repeat(auto-fit,minmax(12em,1fr));grid-gap:3px 16px;gap:3px 16px;& .box-filter{width:100%}& .box-filter:last-child{text-align:right;display:flex;justify-self:center;flex-direction:column;align-items:end}}.orders-page{--line:#e5e7eb;--muted:#6b7280;--ink:#111827;--radius:8px}.orders-page .orders-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;padding:14px 2px}.orders-page .orders-header__title{margin:0;font-size:20px;color:var(--ink)}.orders-page .orders-header__count{font-weight:700}.orders-page .orders-header__actions{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.orders-page .card-actions-table{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;grid-gap:12px;gap:12px}.orders-page .card-actions-table .box-filter>label{display:block;margin-bottom:4px;font-size:13px;font-weight:600;color:var(--muted)}.orders-page .card-actions-table .btn,.orders-page .card-actions-table .form-control,.orders-page .card-actions-table .form-select{height:40px;border-radius:var(--radius);font-size:15px}.orders-page .orders-tabs{background:#f3f4f6;border:1px solid var(--line);border-radius:10px;padding:6px;grid-gap:8px;gap:8px}.orders-page .orders-tabs .nav-link{
  /* !important ເພາະ .nav-tabs .nav-link ຂອງ bootstrap ມີ specificity ເທົ່າກັນ
     ແລ້ວແຕ່ວ່າ stylesheet ໃດໂຫຼດຫຼັງ ຈຶ່ງບໍ່ແນ່ນອນ */border:none!important;border-radius:var(--radius);padding:6px 14px;font-weight:500;color:#4b5563}.orders-page .orders-tabs .nav-link:hover{background:#e5e7eb;color:var(--ink)}.orders-page .orders-tabs .nav-link.active,.orders-page .orders-tabs .nav-link.is-active{background:#1d4ed8!important;color:#fff!important;font-weight:600;box-shadow:0 2px 4px rgba(29,78,216,.25)}.orders-page .orders-tabs .nav-link.active:hover,.orders-page .orders-tabs .nav-link.is-active:hover{background:#1e40af!important;color:#fff!important}.orders-page .orders-search{position:relative;display:flex;align-items:center}.orders-page .orders-search__icon{position:absolute;left:10px;font-size:18px;color:var(--muted);pointer-events:none}.orders-page .orders-search__input{width:280px;height:38px;padding-left:34px;padding-right:70px;border-radius:var(--radius)}.orders-page .orders-search__clear{position:absolute;right:8px;display:flex;align-items:center;padding:4px;border:none;border-radius:50%;background:transparent;color:var(--muted);line-height:1}.orders-page .orders-search__clear:hover{background:#e5e7eb;color:var(--ink)}@media (max-width:700px){.orders-page .orders-search,.orders-page .orders-search-wrap,.orders-page .orders-search__input{width:100%}}.orders-page .orders-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;padding:12px 2px}.orders-page .orders-footer__right{display:flex;align-items:center;grid-gap:8px;gap:8px}#sticky-btn-order .btn{border-radius:8px;border-radius:var(--radius,8px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.order-table td{vertical-align:middle}.order-table tbody tr:nth-child(2n)>td{background-color:#fafbfc}.order-table tbody tr:hover>td{background-color:#eef2ff}.order-table tbody tr.is-selected>td{background-color:#dbeafe}.order-table tbody tr.is-selected:hover>td{background-color:#bfdbfe}.order-table tbody tr.is-selected>td:first-child{box-shadow:inset 3px 0 0 #2563eb}.card-dropdown-action{display:flex;justify-content:end;position:relative;& .card-child-dropdown{position:absolute;z-index:90;right:5px;bottom:3em;border:1px solid #f2f2f2;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);grid-gap:5px;gap:5px;display:flex;flex-direction:column;background:#fff;padding:15px;border-radius:5px;width:205px}}.order-add-modal .modal-content{border-radius:12px;border:none;box-shadow:0 10px 30px rgba(0,0,0,.1)}.order-add-modal .modal-title{color:#5a54a2;font-weight:700;font-size:1.3rem}.order-add-modal .modal-body{padding:20px 30px 30px}.order-add-modal .form-label{font-weight:500;color:#5a54a2;margin-bottom:8px}.order-add-modal .custom-input{border-radius:8px;padding:12px 15px;box-shadow:0 2px 5px rgba(0,0,0,.05);border:1px solid #e0e0e0;transition:all .3s ease}.order-add-modal .custom-input:focus{border-color:#5a54a2;box-shadow:0 0 0 .2rem rgba(90,84,162,.25)}.order-add-modal .price-input-container{position:relative}.order-add-modal .currency-indicator{position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:700;color:#5a54a2;font-size:16px;pointer-events:none}.order-add-modal .total-currency{color:#1a66be}.order-add-modal .quantity-input-container{display:flex;position:relative}.order-add-modal .quantity-controls{position:absolute;right:5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:flex;align-items:center}.order-add-modal .quantity-btn{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:none;background:#f0f0f0;border-radius:4px;margin:0 2px;font-weight:700;cursor:pointer;transition:all .2s ease}.order-add-modal .quantity-btn:hover{background:#e0e0e0}.order-add-modal .stock-info{display:block;margin-top:5px;color:#6c757d;font-size:.8rem}.order-add-modal .stock-count{font-weight:600;color:#5a54a2}.order-add-modal .total-price{background-color:#f8f9fa;font-weight:700;color:#1a66be}.order-add-modal .action-buttons{display:flex;justify-content:flex-end;margin-top:30px}.order-add-modal .cancel-button{border-radius:8px;padding:10px 20px;font-weight:500;margin-right:15px;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:all .3s ease}.order-add-modal .cancel-button:hover{background-color:#e2e6ea}.order-add-modal .save-button{border-radius:8px;padding:10px 25px;font-weight:500;border-color:transparent;box-shadow:0 4px 10px rgba(26,102,190,.3);transition:all .3s ease;min-width:100px}.order-add-modal .spinner-container{display:flex;justify-content:center;align-items:center}@media (max-width:768px){.order-add-modal .modal-body{padding:15px 20px 20px}.order-add-modal .action-buttons{margin-top:20px}}.menu-nav{display:flex;justify-content:space-between}.menu-item{color:#fcc;padding:3px}.three-dots:after{cursor:pointer;color:#444;content:"\2807";font-size:20px;padding:0 5px}a div{padding:2px}.dropdownThreeDots{position:absolute;right:10px;background-color:#eee;border-radius:8px;width:80px;text-align:center;display:flex;flex-direction:column;outline:none;opacity:0;z-index:-1;max-height:0}.dropdownThreeDots-container:focus{outline:none}.dropdownThreeDots-container:focus .dropdownThreeDots{opacity:1;z-index:100;max-height:100vh}.product_wrapper{margin:8px}.modal-dialog2{margin-top:32px!important;margin-left:84px!important;margin-right:0!important}.tableFixHead{overflow:auto;height:100px}.tableFixHead thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1}table{border-collapse:collapse;width:100%}td,th{padding:12px 16px}th{background:#3c169b}.text-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.head-one{background-color:#fff;font-size:16px;display:flex;align-items:start;padding-left:16px;margin-left:16px;margin-right:16px}.botderTable{border-bottom:1px solid grey!important}.money{font-size:24px;color:#28a138;font-weight:700}.btnPagination-one{color:#0035f6;border:1px solid rgba(151,153,156,.9921568627450981);background-color:rgba(143,195,222,.17254901960784313);border-radius:4px;padding:2px 10px;margin-right:8px;width:36px;height:36px;font-weight:700;font-size:16px}.btn_addlive{background-color:initial;border-radius:6px;font-size:16px;border:1px solid #371895;padding:7px 16px;color:#5c5c5c}.btn-add-product{color:#fff;font-size:16px;padding:4px 12px;border-radius:6px;border:none;background-color:#3c179b}.searchBar-page{display:flex;justify-content:space-between;padding:18px 10px;align-items:center;background-color:#fff;border-radius:6px}.create-post{color:#fff;background-color:#422f90;padding:8px 56px;border-radius:6px;width:140px;border:none}.grid-container{display:grid;grid-template-columns:auto auto auto;background-color:#2f3e46;grid-column-gap:100px;padding:10px}.LiveAdd{padding:8px 16px}.searchbox{width:434px;height:46px;margin-left:1rem;outline:none;background-color:#f2f2f2;border-radius:6px;border:none;padding:0 8px}.btn-select{color:#422f90;border:1px solid #422f90;margin-left:17px;padding:7px 16px;border-radius:6px}.btn-cancel,.btn-select{background-color:initial}.btn-cancel{color:#d21c1c;border:2px solid #dfe2e9;border-radius:6px;padding:8px 53px;margin-right:8px}.btn-create-live{color:#fff;background-color:#422f90;padding:8px 56px;border-radius:6px}.product-container{display:flex}.product_wrapper{flex:1 1;margin-top:16px;border-radius:6px;background-color:#fff;padding:18px 16px}.product_wrapper:first-of-type{margin-right:16px}.product_wrapper h1{font-size:18px;padding:0 8px}input[type=checkbox]{width:16px;height:16px;padding:0;margin:0 8px 0 0}.product_wrapper input[type=text],input[type=number]{width:95px;height:36px;border-radius:6px;padding:0 5px;background-color:#f6f6f6;margin:0;border:none;outline:none}.checkbox-wrapper{justify-content:center}.checkbox-wrapper,.control-wrapper{display:flex;align-items:center;font-size:16px}.control-wrapper{padding:0 8px;justify-content:space-between}.add-product-btn{color:#422f90;border-radius:6px}.add-product-btn,.remove-product-btn{font-size:16px;padding:4px 12px;background-color:#f7f7f7}.remove-product-btn{color:#d21c1c;border-radius:6px;border:none}td,th{text-align:left;min-height:48px;font-size:16px}.add-to-live{border-radius:6px;font-size:16px;border:1px solid #422f90;padding:7px 16px}.add-to-live,button{background-color:initial}.no_product{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:106px 0}.no_product h1{font-size:22px}.btn-remove-product{border:"none";color:"white";background-color:"red";cursor:"pointer"}.containerExchangeRate{justify-content:start;align-items:center}.card-rete-name,.containerExchangeRate{width:100%;display:flex;grid-gap:2em;gap:2em}.card-show-rate{height:auto;border-radius:.5em;align-items:start;grid-gap:2em;gap:2em}.card-baht,.card-show-rate,.card-usd{width:100%;display:flex;justify-content:center;flex-direction:column}.card-baht,.card-usd{border:1px solid #ddd;height:10em;border-radius:.5em;align-items:center}.card-form-rate{width:50%}.card-exchange-detail{border-radius:.5em;width:100%;padding:1em;color:#4018a4}.rate-calculator{display:flex;justify-content:space-between;align-items:center;line-height:2em}.card-comision-page{width:100%;display:flex;justify-content:center;align-items:start}.card-form{width:30em;height:20em}.card-main-bill{width:100%;display:flex;flex-wrap:wrap;grid-gap:3em;gap:3em}.card-example-bill{width:100%;min-width:340px;max-width:340px;border-radius:5px;overflow:hidden;position:relative;padding:5px 5px 2em}.card-example-bill img{width:100%;object-fit:contain}.card-example-bill .btn-select-card{position:absolute;bottom:5px;left:5px}@media screen and (max-width:673px){.containerExchangeRate{flex-direction:column}.card-form-rate{width:100%}.header-Breadcrumb{margin-top:3.5em}}@media (max-width:767.98px){.table td,.table th{font-size:12px;padding:3px 4px;word-break:break-word}.claim-responsive-table{width:100%;overflow-x:auto;display:block}.claim-responsive-table .table{min-width:750px}}.card-detail-fly{padding:1em;background:#fdf5f5}.card-header-invoices{display:flex;justify-content:space-between;align-items:center;grid-gap:1em;gap:1em;width:100%}.logoBusness{left:0;top:0}.logoBusness,.logoBusness2{position:absolute;width:100%;display:flex;justify-content:center;align-items:center}.logoBusness2{top:60%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.logoBusness img{opacity:.08;width:35%;height:35%}.logoBusness2 img{opacity:.08;width:65%;height:65%}.logo-4b{display:flex;flex-direction:column;padding-left:1em;justify-content:center;align-items:center;padding-bottom:1em}.logo-4b span{font-weight:700;color:#3c169b;font-size:1.55em;margin-top:-.3e}.img4B{width:80px;height:80px;background:#fff;border-radius:20px;margin-bottom:10px;overflow:hidden}.img4B img{width:100%;height:100%}.main-banks-for-shop{display:flex;justify-content:start;align-items:start;grid-gap:1.35em;gap:1.35em;padding-top:1em}.qrcode-bank{width:9em;height:10em;border:1px solid #d3d3d3;padding:.75em;border-radius:.25em;position:relative;background:#fff;z-index:999}.center-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;width:2em;height:2em;overflow:hidden;border-radius:.4em;padding:.3em;display:flex;justify-content:center;align-items:center}.center-icon img{width:100%;height:100%}.qrcode-bank span{position:absolute;width:80%;text-align:center;left:0;bottom:-2em;font-size:.85em}.qrcode-bank img{object-fit:cover}.name-bank{display:flex;justify-content:start;align-items:start;flex-direction:column;margin-top:-.2em;line-height:1em}.card-switch-banks{width:100%;height:30vh;position:relative}.action-btn-confirm-bank{position:absolute;top:80%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);grid-gap:1em;gap:1em;display:flex}.block-and-unblock{position:fixed;bottom:0;text-align:center;z-index:100;cursor:pointer;transition:all .3s}div.b{white-space:nowrap;width:50px;overflow:hidden;text-overflow:ellipsis}.delivery-picker{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.delivery-card{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:10px;background:#fff;background:var(--cf-surface,#fff);border:1px solid #e8eaf0;border:1px solid var(--cf-border,#e8eaf0);border-radius:16px;border-radius:var(--cf-radius-card,16px);box-shadow:0 1px 2px rgba(16,24,40,.04);box-shadow:var(--cf-shadow-card,0 1px 2px rgba(16,24,40,.04));cursor:pointer;touch-action:manipulation;transition:border-color .18s ease,background-color .18s ease,-webkit-transform .12s ease;transition:border-color .18s ease,background-color .18s ease,transform .12s ease;transition:border-color .18s ease,background-color .18s ease,transform .12s ease,-webkit-transform .12s ease;transition:border-color .18s var(--cf-ease,ease),background-color .18s var(--cf-ease,ease),-webkit-transform .12s var(--cf-ease,ease);transition:border-color .18s var(--cf-ease,ease),background-color .18s var(--cf-ease,ease),transform .12s var(--cf-ease,ease);transition:border-color .18s var(--cf-ease,ease),background-color .18s var(--cf-ease,ease),transform .12s var(--cf-ease,ease),-webkit-transform .12s var(--cf-ease,ease)}@media (hover:hover){.delivery-card:hover{border-color:#d5d9e2;border-color:var(--cf-border-strong,#d5d9e2)}}.delivery-card:active{-webkit-transform:scale(.98);transform:scale(.98)}.delivery-card--disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.delivery-card--disabled:active{-webkit-transform:none;transform:none}.delivery-card--selected{border:2px solid #4f46e5;border:2px solid var(--cf-primary,#4f46e5);background:#eef0fe;background:var(--cf-primary-tint,#eef0fe);padding:9px}.delivery-card__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.delivery-card__input:focus-visible+.delivery-card__body{outline:2px solid #4f46e5;outline:2px solid var(--cf-primary,#4f46e5);outline-offset:6px;border-radius:8px}.delivery-card__body{display:flex;flex-direction:column;align-items:center;grid-gap:7px;gap:7px;width:100%;min-width:0}.delivery-card__tile{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:11px;overflow:hidden}.delivery-card__logo{width:100%;height:100%;object-fit:contain}.delivery-card__fallback{display:flex;color:#4f46e5;color:var(--cf-primary,#4f46e5);font-size:24px}.delivery-card__name{width:100%;min-width:0;font-size:14px;font-weight:500;line-height:1.3;text-align:center;color:#111827;color:var(--cf-text,#111827);overflow-wrap:break-word}.delivery-card--selected .delivery-card__name{font-weight:600;color:#4f46e5;color:var(--cf-primary,#4f46e5)}.delivery-card__check{position:absolute;top:7px;right:7px;display:flex;color:#4f46e5;color:var(--cf-primary,#4f46e5);font-size:17px;line-height:1;border-radius:50%;background:#fff;background:var(--cf-surface,#fff)}@media (prefers-reduced-motion:reduce){.delivery-card{transition:none}.delivery-card:active{-webkit-transform:none;transform:none}}:root{--cf-primary:#4f46e5;--cf-primary-hover:#4338ca;--cf-primary-tint:#eef0fe;--cf-on-primary:#fff;--cf-page-bg:#f7f8fc;--cf-surface:#fff;--cf-surface-muted:#eef1f6;--cf-border:#e8eaf0;--cf-border-strong:#d5d9e2;--cf-text:#111827;--cf-text-secondary:#6b7280;--cf-text-muted:#9ca3af;--cf-success:#047a51;--cf-success-bg:#ecfdf3;--cf-danger:#ef4444;--cf-radius-card:16px;--cf-radius-input:12px;--cf-radius-button:14px;--cf-radius-tile:12px;--cf-gap:12px;--cf-pad:14px;--cf-shadow-card:0 1px 2px rgba(16,24,40,0.04);--cf-shadow-primary:0 8px 20px rgba(79,70,229,0.25);--cf-ease:cubic-bezier(0.16,1,0.3,1);--cf-font:"Poppins","Noto Sans Lao",sans-serif}.cf-checkout{font-family:"Poppins","Noto Sans Lao",sans-serif;font-family:var(--cf-font);color:#111827;color:var(--cf-text);background:#f7f8fc;background:var(--cf-page-bg)}.cf-bottombar *,.cf-bottombar :after,.cf-bottombar :before,.cf-checkout *,.cf-checkout :after,.cf-checkout :before,.cf-dialog *,.cf-dialog :after,.cf-dialog :before,.cf-form *,.cf-form :after,.cf-form :before,.cf-sheet *,.cf-sheet :after,.cf-sheet :before{font-family:inherit;box-sizing:border-box}.cf-header{grid-gap:10px;gap:10px;padding:10px 14px;padding:10px var(--cf-pad);border-bottom:1px solid #e8eaf0;border-bottom:1px solid var(--cf-border)}.cf-header,.cf-header__mark{display:flex;align-items:center;background:#fff;background:var(--cf-surface)}.cf-header__mark{justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:12px;border-radius:var(--cf-radius-tile);border:1px solid #e8eaf0;border:1px solid var(--cf-border);overflow:hidden}.cf-header__mark img{width:100%;height:100%;object-fit:contain}.cf-header__title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.cf-header__chip{margin-left:auto;background:#eef1f6;background:var(--cf-surface-muted);color:#666e7c;font-weight:500}.cf-header__badge,.cf-header__chip{padding:6px 12px;border-radius:999px;font-size:12px;white-space:nowrap}.cf-header__badge{background:#fff4e5;color:#a35200;font-weight:700;-webkit-animation:cf-blink 1.5s infinite;animation:cf-blink 1.5s infinite}@-webkit-keyframes cf-blink{0%,to{background-color:#fff4e5}50%{background-color:#ffe4bf}}@keyframes cf-blink{0%,to{background-color:#fff4e5}50%{background-color:#ffe4bf}}@media (prefers-reduced-motion:reduce){.cf-header__badge{-webkit-animation:none;animation:none}}.cf-page{display:flex;flex-direction:column;grid-gap:12px;gap:12px;grid-gap:var(--cf-gap);gap:var(--cf-gap);max-width:430px;margin:0 auto;padding:14px 14px calc(env(safe-area-inset-bottom, 0px) + 76px);padding:var(--cf-pad) var(--cf-pad) calc(env(safe-area-inset-bottom, 0px) + 76px)}.cf-card{padding:14px;padding:var(--cf-pad);background:#fff;background:var(--cf-surface);border:1px solid #e8eaf0;border:1px solid var(--cf-border);border-radius:16px;border-radius:var(--cf-radius-card);box-shadow:0 1px 2px rgba(16,24,40,.04);box-shadow:var(--cf-shadow-card)}.cf-shop__head{display:flex;align-items:center;grid-gap:12px;gap:12px}.cf-shop__avatar{width:48px;height:48px;flex:0 0 48px;border-radius:50%;object-fit:cover;background:#eef1f6;background:var(--cf-surface-muted)}.cf-shop__identity{display:flex;flex-direction:column;grid-gap:4px;gap:4px;min-width:0}.cf-shop__name{font-size:16px;font-weight:700;line-height:1.35;color:#111827;color:var(--cf-text)}.cf-shop__page{display:flex;align-items:center;grid-gap:6px;gap:6px;font-size:14px;font-weight:500;color:#4f46e5;color:var(--cf-primary);min-width:0}.cf-shop__page span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-shop__contact{display:flex;flex-direction:column;grid-gap:8px;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #e8eaf0;border-top:1px solid var(--cf-border)}.cf-shop__row{display:flex;align-items:flex-start;grid-gap:10px;gap:10px;font-size:14px;line-height:1.45;color:#6b7280;color:var(--cf-text-secondary)}.cf-shop__icon{flex:0 0 16px;margin-top:2px;font-size:14px;color:#8b909c}.cf-section-label{margin:0 0 8px;font-size:15px;font-weight:700;color:#111827;color:var(--cf-text)}.cf-field{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.cf-field__label{font-size:14px;font-weight:600;color:#111827;color:var(--cf-text)}.cf-field__required{color:#ef4444;color:var(--cf-danger)}.cf-input{width:100%;padding:10px 12px;font-size:15px;color:#111827;color:var(--cf-text);background:#fff;background:var(--cf-surface);border:1px solid #e3e6ed;border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:border-color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);transition:border-color .18s var(--cf-ease),box-shadow .18s var(--cf-ease)}.cf-input::-webkit-input-placeholder{color:#6e7686}.cf-input::placeholder{color:#6e7686}.cf-input:focus{outline:none;border-color:#4f46e5;border-color:var(--cf-primary);box-shadow:0 0 0 3px #eef0fe;box-shadow:0 0 0 3px var(--cf-primary-tint)}.cf-locked-value{padding:10px 12px;font-size:15px;font-weight:600;color:#111827;color:var(--cf-text);background:#eef1f6;background:var(--cf-surface-muted);border-radius:14px}.cf-field__helper{font-size:12px;color:#6b7280;color:var(--cf-text-secondary)}.cf-field__error{font-size:12px;color:#e02424}.cf-form{display:flex;flex-direction:column;grid-gap:2px;gap:2px;font-family:"Poppins","Noto Sans Lao",sans-serif;font-family:var(--cf-font);color:#111827;color:var(--cf-text)}.cf-form__title{margin:0 0 2px;font-size:16px;font-weight:700}.cf-form__switch{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px}.cf-form__mode{min-width:0;font-size:14px;font-weight:700;color:#111827;color:var(--cf-text)}.cf-link-btn--sm{flex:0 0 auto;min-height:40px;padding:8px 10px;font-size:12px}.cf-form__title--alert{text-align:center;color:#e02424;line-height:1.4}.cf-field__control{position:relative}.cf-textarea{min-height:60px;resize:vertical;line-height:1.5}.cf-input--valid{padding-right:40px}.cf-input--valid,.cf-input--valid:focus{border-color:#047a51;border-color:var(--cf-success)}.cf-input--valid:focus{box-shadow:0 0 0 3px rgba(4,122,81,.12)}.cf-input--invalid{border-color:#e02424}.cf-input--invalid:focus{border-color:#e02424;box-shadow:0 0 0 3px rgba(224,36,36,.12)}.cf-input--attention{border-color:#e02424;-webkit-animation:cf-attention-blink 2s ease-in-out infinite;animation:cf-attention-blink 2s ease-in-out infinite}.cf-input--attention:focus{-webkit-animation:none;animation:none;border-color:#4f46e5;border-color:var(--cf-primary);box-shadow:0 0 0 3px #eef0fe;box-shadow:0 0 0 3px var(--cf-primary-tint)}@-webkit-keyframes cf-attention-blink{0%,to{border-color:#e02424;box-shadow:0 0 0 3px rgba(224,36,36,.25)}50%{border-color:#f5a3a3;box-shadow:0 0 0 0 rgba(224,36,36,0)}}@keyframes cf-attention-blink{0%,to{border-color:#e02424;box-shadow:0 0 0 3px rgba(224,36,36,.25)}50%{border-color:#f5a3a3;box-shadow:0 0 0 0 rgba(224,36,36,0)}}@media (prefers-reduced-motion:reduce){.cf-input--attention{-webkit-animation:none;animation:none;box-shadow:0 0 0 3px rgba(224,36,36,.12)}}.cf-field__valid-icon{position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:flex;color:#047a51;color:var(--cf-success);font-size:16px}.cf-alert{padding:12px 14px;border-radius:12px;border-radius:var(--cf-radius-input);background:#fdecec;color:#a31515;font-size:13px;line-height:1.45}.cf-actions{grid-gap:8px;gap:8px;margin-top:2px}.cf-actions,.cf-sheet{display:flex;flex-direction:column}.cf-sheet{position:fixed;inset:0;z-index:1030;background:#f7f8fc;background:var(--cf-page-bg);font-family:"Poppins","Noto Sans Lao",sans-serif;font-family:var(--cf-font);color:#111827;color:var(--cf-text);overscroll-behavior:contain}.cf-sheet__header{display:flex;align-items:center;grid-gap:4px;gap:4px;padding:calc(env(safe-area-inset-top, 0px) + 8px) 8px 8px;background:#fff;background:var(--cf-surface);border-bottom:1px solid #e8eaf0;border-bottom:1px solid var(--cf-border)}.cf-sheet__back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border:none;border-radius:12px;background:transparent;color:#111827;color:var(--cf-text);font-size:18px;cursor:pointer;touch-action:manipulation}.cf-sheet__back:hover{background:#eef1f6;background:var(--cf-surface-muted)}.cf-sheet__back:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--cf-primary);outline-offset:-2px}.cf-sheet__title{margin:0;font-size:16px;font-weight:700}.cf-sheet__body{flex:1 1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 14px calc(env(safe-area-inset-bottom, 0px) + 20px)}.cf-sheet__body:focus{outline:none}.cf-addr{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 12px;background:#fff;background:var(--cf-surface);border:1px solid #e8eaf0;border:1px solid var(--cf-border);border-radius:16px;border-radius:var(--cf-radius-card);box-shadow:0 1px 2px rgba(16,24,40,.04);box-shadow:var(--cf-shadow-card)}.cf-addr--selected{border:2px solid #4f46e5;border:2px solid var(--cf-primary);background:#eef0fe;background:var(--cf-primary-tint);padding:9px 11px}.cf-addr__pick{display:flex;align-items:center;grid-gap:10px;gap:10px;flex:1 1;min-width:0;margin:0;min-height:44px;cursor:pointer;touch-action:manipulation}.cf-addr__input{width:20px;height:20px;flex:0 0 20px;accent-color:#4f46e5;accent-color:var(--cf-primary);cursor:pointer}.cf-addr__logo{width:36px;height:36px;flex:0 0 36px;border-radius:50%;object-fit:contain;background:#fff;background:var(--cf-surface)}.cf-addr__text{display:flex;flex-direction:column;grid-gap:1px;gap:1px;flex:1 1;min-width:0}.cf-addr__name{font-size:14px;font-weight:700;line-height:1.3}.cf-addr__meta{font-size:12px;line-height:1.35;color:#6b7280;color:var(--cf-text-secondary)}.cf-addr--selected .cf-addr__meta{color:#666e7c}.cf-addr--disabled .cf-addr__pick{opacity:.5;pointer-events:none;cursor:not-allowed}.cf-addr__actions{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.cf-addr__actions--row{flex-direction:row;align-items:center}.cf-addr__pin{width:36px;height:36px;flex:0 0 36px;padding:7px;border-radius:50%;color:#4f46e5;color:var(--cf-primary);background:#eef0fe;background:var(--cf-primary-tint)}.cf-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #858da5;border-radius:10px;background:#fff;background:var(--cf-surface);color:#6b7280;color:var(--cf-text-secondary);font-size:14px;cursor:pointer;touch-action:manipulation}.cf-icon-btn:hover{border-color:#4f46e5;border-color:var(--cf-primary);color:#4f46e5;color:var(--cf-primary)}.cf-icon-btn:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--cf-primary);outline-offset:2px}.cf-icon-btn--danger:hover{border-color:#d92020;color:#d92020}.cf-loading{justify-content:center;grid-gap:8px;gap:8px;padding:24px 16px;font-size:13px;color:#6b7280;color:var(--cf-text-secondary)}.cf-empty,.cf-loading{display:flex;align-items:center}.cf-empty{flex-direction:column;grid-gap:4px;gap:4px;padding:16px 14px;background:#fff;background:var(--cf-surface);border:1px dashed #8b93aa;border-radius:16px;border-radius:var(--cf-radius-card);text-align:center}.cf-empty__icon{font-size:22px;color:#6b7280;color:var(--cf-text-secondary)}.cf-empty__title{font-size:14px;font-weight:700}.cf-empty__text{font-size:13px;color:#6b7280;color:var(--cf-text-secondary)}.cf-empty .cf-btn{margin-top:8px}.cf-link-btn{align-self:center;padding:10px 12px;min-height:44px;border:none;border-radius:12px;background:transparent;color:#4f46e5;color:var(--cf-primary);font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer;touch-action:manipulation}@media (hover:hover){.cf-link-btn:hover{background:#eef0fe;background:var(--cf-primary-tint)}}.cf-link-btn:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--cf-primary);outline-offset:2px}.cf-tabs{display:inline-grid;grid-auto-flow:column;align-self:flex-end;grid-gap:3px;gap:3px;padding:3px;border-radius:12px;background:#eef1f6;background:var(--cf-surface-muted)}.cf-tabs__btn{min-height:40px;padding:8px 14px;border:none;border-radius:9px;background:transparent;color:#111827;color:var(--cf-text);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background-color .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1);transition:background-color .18s var(--cf-ease),color .18s var(--cf-ease)}.cf-tabs__btn:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--cf-primary);outline-offset:2px}.cf-tabs__btn--active{background:#fff;background:var(--cf-surface);color:#4f46e5;color:var(--cf-primary);font-weight:700;box-shadow:0 1px 2px rgba(16,24,40,.04);box-shadow:var(--cf-shadow-card)}.cf-banner{display:flex;align-items:flex-start;grid-gap:10px;gap:10px;padding:12px 14px;border-radius:16px;border-radius:var(--cf-radius-card);font-size:14px;font-weight:600;line-height:1.45}.cf-banner--success{background:#ecfdf3;background:var(--cf-success-bg);border:1px solid rgba(4,122,81,.35);color:#047a51;color:var(--cf-success)}.cf-banner--warn{background:#fffbeb;border:1px solid rgba(146,64,14,.35);color:#92400e}.cf-banner__icon{flex:0 0 18px;margin-top:1px;font-size:17px}.cf-slip{display:block;width:100%;height:auto;border-radius:12px;border-radius:var(--cf-radius-input)}.cf-pay-note{font-size:13px;line-height:1.5;color:#6b7280;color:var(--cf-text-secondary);text-align:center}.cf-rows{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.cf-row{display:flex;align-items:baseline;justify-content:space-between;grid-gap:12px;gap:12px;align-items:start;font-size:14px}.cf-row__label{flex:0 0 auto;color:#6b7280;color:var(--cf-text-secondary)}.cf-row__value{min-width:0;overflow-wrap:break-word;font-weight:700;text-align:right}.cf-row__value--paid{color:#047a51;color:var(--cf-success)}.cf-row__value--unpaid{color:#e02424}.cf-status-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:currentColor}.cf-items{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.cf-item{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:10px;background:#fff;background:var(--cf-surface);border:1px solid #e8eaf0;border:1px solid var(--cf-border);border-radius:16px;border-radius:var(--cf-radius-card);box-shadow:0 1px 2px rgba(16,24,40,.04);box-shadow:var(--cf-shadow-card)}.cf-item__thumb{width:48px;height:48px;flex:0 0 48px;border-radius:10px;object-fit:cover;background:#eef1f6;background:var(--cf-surface-muted)}.cf-item__body{flex:1 1;min-width:0}.cf-item__name{font-size:14px;font-weight:700;line-height:1.35}.cf-item__meta{margin-top:2px;font-size:13px;color:#6b7280;color:var(--cf-text-secondary)}.cf-item__total{font-size:15px;font-weight:700;white-space:nowrap}.cf-total--grand{align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #e8eaf0;border-top:1px solid var(--cf-border);font-size:15px}.cf-total--grand .cf-row__label{font-weight:700;color:#111827;color:var(--cf-text)}.cf-total--grand .cf-row__value{font-size:20px;color:#4f46e5;color:var(--cf-primary)}.cf-qr{display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px;text-align:center}.cf-qr__title{font-size:15px;font-weight:700}.cf-qr__subtitle{margin-top:-6px;font-size:13px;line-height:1.4;color:#6b7280;color:var(--cf-text-secondary)}.cf-qr__image{width:100%;max-width:320px;object-fit:contain;border-radius:12px}.cf-qr__actions{display:flex;justify-content:center;flex-wrap:wrap}.cf-qr__account,.cf-qr__actions{align-items:center;grid-gap:8px;gap:8px}.cf-qr__account{display:inline-flex;padding:9px 16px;border:none;border-radius:999px;background:#eef0fe;background:var(--cf-primary-tint);color:#4f46e5;color:var(--cf-primary);font-size:15px;font-weight:700;letter-spacing:.02em;cursor:pointer}.cf-qr__account:active{-webkit-transform:scale(.98);transform:scale(.98)}.cf-upload{display:block;padding:18px 16px;border:2px dashed #8b93aa;border-radius:16px;border-radius:var(--cf-radius-card);background:#fff;background:var(--cf-surface);text-align:center;cursor:pointer;transition:border-color .18s cubic-bezier(.16,1,.3,1);transition:border-color .18s var(--cf-ease)}.cf-upload:hover{border-color:#4f46e5;border-color:var(--cf-primary)}.cf-upload__icon{display:block;margin:0 auto 8px;font-size:26px;color:#6b7280;color:var(--cf-text-secondary)}.cf-upload__title{font-size:14px;font-weight:700}.cf-upload__hint{margin-top:2px;font-size:13px;color:#6b7280;color:var(--cf-text-secondary)}.cf-upload__preview{max-width:100%;max-height:280px;object-fit:contain;border-radius:12px}.cf-bottombar{position:fixed;left:0;right:0;bottom:0;z-index:1010;display:flex;align-items:center;grid-gap:12px;gap:12px;max-width:430px;margin:0 auto;padding:10px 16px calc(env(safe-area-inset-bottom, 0px) + 10px);background:#fff;background:var(--cf-surface);border-top:1px solid #e8eaf0;border-top:1px solid var(--cf-border);box-shadow:0 -2px 12px rgba(16,24,40,.06);font-family:"Poppins","Noto Sans Lao",sans-serif;font-family:var(--cf-font)}.cf-bottombar__total{display:flex;flex-direction:column;grid-gap:1px;gap:1px;min-width:0}.cf-bottombar__label{font-size:12px;color:#6b7280;color:var(--cf-text-secondary);white-space:nowrap}.cf-bottombar__amount{font-size:19px;font-weight:700;line-height:1.2;color:#4f46e5;color:var(--cf-primary);white-space:nowrap}.cf-bottombar .cf-btn{flex:1 1;min-width:0;padding:13px 14px;font-size:14px;box-shadow:none}.cf-dialog{border:none;border-radius:16px;border-radius:var(--cf-radius-card);font-family:"Poppins","Noto Sans Lao",sans-serif;font-family:var(--cf-font);color:#111827;color:var(--cf-text);overflow:hidden}.cf-dialog__body{display:flex;flex-direction:column;grid-gap:12px;gap:12px;padding:20px 16px calc(env(safe-area-inset-bottom, 0px) + 16px);text-align:center}.cf-dialog__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto;border-radius:50%;background:#fdecec;color:#d92020;font-size:20px}.cf-dialog__title{font-size:16px;font-weight:700;line-height:1.35}.cf-dialog__text{font-size:13px;line-height:1.5;color:#6b7280;color:var(--cf-text-secondary)}.cf-swal{border-radius:16px!important;border-radius:var(--cf-radius-card)!important;padding:22px 18px calc(env(safe-area-inset-bottom, 0px) + 18px)!important;font-family:"Poppins","Noto Sans Lao",sans-serif!important;font-family:var(--cf-font)!important}.cf-swal *{font-family:inherit!important}.cf-swal__title{padding:0!important;font-size:16px!important;font-weight:700!important;line-height:1.45!important;color:#111827!important;color:var(--cf-text)!important}.cf-swal__icon{width:48px!important;height:48px!important;margin:0 auto 14px!important;border-width:3px!important}.cf-swal__actions{width:100%!important;margin-top:18px!important}.cf-btn{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;width:100%;padding:13px 18px;font-size:15px;font-weight:700;border:none;border-radius:14px;border-radius:var(--cf-radius-button);cursor:pointer;transition:background-color .18s cubic-bezier(.16,1,.3,1),-webkit-transform .12s cubic-bezier(.16,1,.3,1);transition:background-color .18s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1);transition:background-color .18s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1),-webkit-transform .12s cubic-bezier(.16,1,.3,1);transition:background-color .18s var(--cf-ease),-webkit-transform .12s var(--cf-ease);transition:background-color .18s var(--cf-ease),transform .12s var(--cf-ease);transition:background-color .18s var(--cf-ease),transform .12s var(--cf-ease),-webkit-transform .12s var(--cf-ease)}.cf-btn:active:not(:disabled){-webkit-transform:scale(.98);transform:scale(.98)}.cf-btn:disabled{opacity:.55;cursor:not-allowed}.cf-btn--primary{background:#4f46e5;background:var(--cf-primary);color:#fff;color:var(--cf-on-primary);box-shadow:0 8px 20px rgba(79,70,229,.25);box-shadow:var(--cf-shadow-primary)}.cf-btn--primary:hover:not(:disabled){background:#4338ca;background:var(--cf-primary-hover)}.cf-btn--secondary{background:#eef1f6;background:var(--cf-surface-muted);color:#111827;color:var(--cf-text)}.cf-btn--danger{background:#d92020;color:#fff}.cf-btn--danger:hover:not(:disabled){background:#c81e1e}@media (prefers-reduced-motion:reduce){.cf-checkout *{transition:none!important}.cf-btn:active:not(:disabled){-webkit-transform:none;transform:none}}.custom-checkbox-wrapper{position:relative;width:24px;height:24px}.custom-checkbox{opacity:0;position:absolute}.custom-checkbox-label{display:inline-block;width:24px;height:24px;background-color:#f0f0f0;border:2px solid #ddd;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center}.custom-checkbox-label:hover{background-color:#e0e0e0}.check-icon{color:#007bff;font-size:18px}:root{--bg-gradient-color:linear-gradient(47deg,#1a66be,#5a54a2);--text-color:#2c206c;--bg-green-hover:#348737;--bg-gray-hover:#ddd;--white-color:#fff;--white-color-100:#f1f1f1;--gray-color:#555}#customer-fills-form{display:none}.custom-tab{border:none}.custom-tab .nav-link.active{background:linear-gradient(47deg,#1a66be,#5a54a2);background:var(--bg-gradient-color);color:#fff;color:var(--white-color);&:hover{background:linear-gradient(47deg,#1a66be,#5a54a2);background:var(--bg-gradient-color);color:#f1f1f1;color:var(--white-color-100)}}.custom-tab .nav-link{background-color:#f1f1f1;background-color:var(--white-color-100);color:#555;color:var(--gray-color);border-radius:0;border-radius:2px}.custom-tab .nav-link:hover{color:#2c206c;color:var(--text-color)}.card-order{padding:10px;border:1px solid #f1f1f1;border:1px solid var(--white-color-100);display:flex;justify-content:space-between;align-items:center;border-radius:8px;margin:3px 0}.card-order,.card-total-order{width:100%;max-width:600px}.card-order .order-left{display:flex;grid-gap:5px;gap:5px}.card-order .order-left .order-image{min-width:80px;min-height:80px;max-width:80px;border-radius:5px}.card-total-order{padding:10px;border:1px solid #f1f1f1;border:1px solid var(--white-color-100);margin:15px 0;border-radius:5px}.card-info-customer{margin-top:2em;padding-top:.5em}:root{--mainColor:linear-gradient(47deg,#1a66be,#5a54a2)}@font-face{font-family:"Noto Sans Lao";src:url(/static/media/NotoSansLao-Regular.4751a7bb.ttf)}@font-face{font-family:"FontLaos";src:url(/static/media/NotoSerifLao-Regular.d66dfb4e.ttf)}@font-face{font-family:"FontLao2";src:url(/static/media/BB-Font.762d8f11.ttf)}@font-face{font-family:"Fonteng";src:url(/static/media/Arciform.af00fa3b.ttf)}*{font-size:16px;font-family:"FontLao2";padding:0;margin:0}.title-pappy-newyear{color:#eb0c0c;font-size:1.65em}.title-pappy-newyear,.title-system-main{font-weight:700;font-family:"Noto Sans Lao",serif}.title-system-main{font-size:3em;margin:5px 0}#sticky-btn-order{position:fixed;bottom:10px;right:10px;z-index:1;display:flex;grid-gap:8px;gap:8px}h4{font-family:"FontLao2"}.kream-button{position:absolute;left:-10em;top:0;padding:.7em 2em;border-radius:.25em;cursor:pointer;display:flex;justify-content:center;align-items:center;grid-gap:5px;gap:5px;transition:all .2s ease-in;background:#f2f2f2;&:hover{background:#e43a3a;color:#fff}}.short-cut-button{font-size:12px;padding:2px 6px;border-radius:4px;border:1px solid #d1d5db;background:#f3f4f6;color:#6b7280;position:absolute;top:50%;right:6px;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1.4}.card-filter-order{position:fixed;top:0;left:0;z-index:1;width:100%;height:13.5em;background:rgba(255,254,254,.9725490196078431);display:flex;justify-content:center;align-items:center;padding-top:3em;opacity:0;background-image:url(https://www.transparenttextures.com/patterns/brushed-alum.png);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);& input{width:80%;padding:.5em;border:1px solid #ccc;border-radius:.25em;margin:0 1em}}@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.fade-up{-webkit-animation:fadeUp .5s ease-out;animation:fadeUp .5s ease-out;opacity:1}Card{box-shadow:none}.h-divider{margin:-15px auto auto;width:80%;position:relative}.h-divider .shadow{overflow:hidden;height:2px}.h-divider .shadow:after{content:"";display:block;margin:-25px auto 0;width:100%;height:25px;border-radius:10px/12px;box-shadow:0 0 8px #000}.card{border:.1re solid silver;background-color:#f8f8f8;margin:0;box-shadow:.25rem 0 .25rem #a9a9a9;display:row}.hoverme:hover{cursor:pointer;opacity:.7}@media only screen and (max-width:1025px){.unshow-on-iPad{display:none}}p{font-size:16px}.Contain{border-radius:6px;justify-content:space-between;flex-direction:row;background-color:#fff}.Contain,.container h1{display:flex;align-items:center}.container h1{font-size:22px;color:#371895}.btn-create{width:100%;background-color:#3c169b;color:#fff;height:40px;border-radius:6px;font-size:16px}.baner{display:flex;justify-items:center;align-items:center;color:#3c179b}.tab-live-manu{margin:10px;border-radius:6px}.tab-live-manu,ul{background-color:#fff}ul{display:flex;flex-direction:row;font-size:16px}.status{font-size:12px;padding:6px;border-radius:6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-self:center;align-content:center;text-align:center}.btn-and,.status{display:flex;align-items:center}.btn-and{font-size:16px;color:#371895;border:1px solid #371895;border-radius:6px;width:99px;justify-content:center}.actionCell{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px}.hiddenActionCell{opacity:0;border:none}#trActionCell:hover .hiddenActionCell,.actionCell:hover+.hiddenActionCell{opacity:1}.btn-icon{padding:8px;margin-left:10px;border-color:#f8f8f8}.bottom{display:flex;justify-content:space-between;padding:10px 4px}.table-one{width:-webkit-min-content;width:min-content}.btnPagination{color:rgba(0,0,0,.863);border:1px solid rgba(0,0,0,.222);color:rgba(0,0,0,.5);border-radius:4px;padding:2px 10px;width:36px;height:36px;font-weight:700;font-style:normal;margin-right:8px;font-size:16px}.no_data{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 0}.no_data h1{font-size:22px}.show{font-size:16px;color:#000}.searchBar{display:flex;justify-content:space-between;padding:18px 32px;margin:0 8px;align-items:center;background-color:#fff;border-radius:6px}.pagination>li{list-style:none;margin-right:5px}.page-item.active .page-link{z-index:0;color:#fff!important;background-color:#3c169b!important}.containerSettings{margin:5px 0;display:flex;flex-wrap:wrap;width:100%}.cardSetting:hover{background:linear-gradient(47deg,#1a66be,#5a54a2);background:var(--mainColor);color:#fff}.cardSetting{background-color:#fff;color:grey;cursor:pointer;display:flex;height:150;border-radius:6px;padding:20px;margin:20px 22px;flex-grow:1;flex-basis:200}.box-status-report{display:grid;grid-template-columns:repeat(auto-fit,minmax(10em,1fr));grid-gap:10px;gap:10px;width:100%;padding:5px}.box-status-report .stat-tile{display:flex;flex-direction:column;grid-gap:6px;gap:6px;align-items:flex-start;padding:10px 12px;border:1px solid #e5e7eb;border-left:4px solid var(--tile);border-radius:8px;background:#fff;text-align:left;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.box-status-report .stat-tile:hover{background:#f8f9fa}.box-status-report .stat-tile:focus-visible{outline:2px solid var(--tile);outline-offset:2px}.box-status-report .stat-tile.is-active{background:var(--tile-soft);border-color:var(--tile);box-shadow:inset 0 0 0 1px var(--tile)}.box-status-report .stat-tile__head{display:flex;align-items:center;grid-gap:6px;gap:6px;font-size:.82rem;line-height:1.25;color:#6b7280}.box-status-report .stat-tile.is-active .stat-tile__head{color:var(--tile);font-weight:600}.box-status-report .stat-tile__value{font-size:1.5rem;font-weight:700;line-height:1;color:#111827}.box-status-report .stat-tile.is-active .stat-tile__value{color:var(--tile)}.box-status-report .stat-tile--split,.box-status-report .stat-tile--split:hover{cursor:default;background:#fff;align-items:center;justify-content:center}.box-status-report .stat-tile--split .stat-tile__head{justify-content:center;text-align:center}.box-status-report .stat-seg-group{display:flex;grid-gap:6px;gap:6px;width:100%}.box-status-report .stat-seg{flex:1 1;padding:4px 6px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:1.15rem;font-weight:700;line-height:1.2;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center}.box-status-report .stat-seg:hover{background:#f8f9fa}.box-status-report .stat-seg.is-active{color:#fff;border-color:transparent}.box-status-report .stat-seg--yes.is-active{background:#15803d}.box-status-report .stat-seg--no.is-active{background:#b91c1c}.box-status-report .stat-tile--warning{--tile:#b45309;--tile-soft:#fef3c7}.box-status-report .stat-tile--danger{--tile:#b91c1c;--tile-soft:#fee2e2}.box-status-report .stat-tile--primary{--tile:#1d4ed8;--tile-soft:#dbeafe}.box-status-report .stat-tile--success{--tile:#15803d;--tile-soft:#dcfce7}.box-status-report .stat-tile--info{--tile:#0e7490;--tile-soft:#cffafe}.card-page-selected{display:flex;grid-gap:7px;gap:7px;border-radius:10px;border:1px solid rgba(221,221,238,.9333333333333333);margin:5px 0;justify-content:start;align-items:center;padding:5px;&:hover{background:#f1f1f1;cursor:pointer}& p{margin-top:8px}}.disabled-row{pointer-events:none;opacity:.5;background-color:#f5f5f5;cursor:not-allowed}.card-day-select{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:10px;gap:10px;& .card-day{width:100%;height:5em;border-radius:1em;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#6d6d6d;position:relative;border:1px solid #fff;transition:all .3s ease-in-out;& div:first-child{position:absolute;left:5px;top:1px}}& .card-day:hover{outline:1px solid #3b82c4;background:#f8f8f8}}.btn-cancel-date,.btn-save-date{width:100%;padding:1em;border:none;outline:none;background:#ddd;border-radius:.2em}:root{--colorBlack:#000;--colorWhite:#fff;--colorEE:#eee}.card-chat-msg{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:9990;background:#fff;overflow:hidden;& .chat-header{width:100%;justify-content:space-between;box-shadow:0 1px 0 rgba(17,17,26,.1);padding:0 10px;& .profile-brand{width:auto;justify-content:center;grid-gap:4px;gap:4px;& img{min-width:38px;max-width:38px;min-height:38px;max-height:38px;border-radius:50em;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.05)}& p{font-family:"Nunito Sans",sans-serif;font-size:20px;font-weight:700;color:#000;padding-top:15px}}& .action-chat{grid-gap:5px;gap:5px;justify-content:end;& div{width:30px;height:30px;justify-content:center;border-radius:50em;background:#f1f1f1;cursor:pointer;&:hover{background:#ddd}&:last-child{color:red}}}}}.message-admin-chat{width:100%;display:flex;align-items:center;justify-self:center;grid-gap:5px;gap:5px;padding:10px;position:absolute;left:0;bottom:0;background:#fff;background:var(--colorWhite);& div{width:100%;display:flex;justify-content:center;align-items:center;&:first-child,&:last-child{width:40px;height:40px;border-radius:5px;cursor:pointer;font-size:23px}&:nth-child(2){& .msg-control{border:none;outline:none;background:#f1f1f1;border-radius:50em;padding:7px 12px;font-family:"Nunito Sans",sans-serif}}}}.header-person{width:100%;padding:0 0 10px;position:relative;& .form-search-fb-user{width:100%;border:none;outline:none;border-radius:5px;background:#fff;background:var(--colorWhite);font-size:16px;font-weight:400;font-family:"Nunito Sans",sans-serif;padding:8px 8px 8px 36px}& .icon-search{position:absolute;left:10px;top:7px}}.card-degital-bill{width:100%;background:#fff;border-radius:10px;padding:1em;position:relative;& .card-db-header{justify-content:space-between;grid-gap:10px;gap:10px}& .card-barcode-degital,& .card-db-header{width:100%;display:flex;align-items:center}& .card-barcode-degital{justify-content:center;margin:-1em 0 5px}& .card-qr-code-degital{width:100%;padding:10px}.download-digital-bill{border-radius:6px;font-size:14px;padding:.85em 1.2em}}.tell-me-button{width:100%;height:60px;background:linear-gradient(180deg,#3c169b,#592375 .01%,#2c206c);color:#fff;position:fixed;bottom:0;right:0;display:flex;justify-content:space-evenly;align-items:center;& .btn-digital-bill{width:60px;height:60px;border-radius:50em;margin-top:-2em;background:#fff;outline:none;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3);border:none;border-top:1px solid #592375}}
/*# sourceMappingURL=main.d11e2074.chunk.css.map */