main>.container{width:100%;max-width:1180px;margin:0 auto;padding:0 1rem 3rem}main>.container>.flex.flex-col.md\:flex-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(330px,400px);align-items:start;gap:1rem!important}main>.container>.flex.flex-col.md\:flex-row>div:first-child{width:100%!important;min-width:0}form[class*="hk-"]{margin:0}form[class*="hk-"] fieldset>.nui-card{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.85rem!important;padding:clamp(1rem,2.5vw,1.5rem)!important;border:1px solid rgba(148,163,184,.2)!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 22px 50px -38px rgba(15,23,42,.45)!important;backdrop-filter:blur(12px)}.dark form[class*="hk-"] fieldset>.nui-card{border-color:#334155!important;background:rgba(15,23,42,.92)!important}form[class*="hk-"] fieldset>.nui-card>legend{grid-column:1/-1;width:100%;margin:0 0 .35rem!important;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.dark form[class*="hk-"] fieldset>.nui-card>legend{border-color:#334155}form[class*="hk-"] fieldset>.nui-card>legend p{color:#0f172a;font-size:1.05rem!important;font-weight:800!important;letter-spacing:-.02em}.dark form[class*="hk-"] fieldset>.nui-card>legend p{color:#fff}form[class*="hk-"] fieldset>.nui-card>legend span{display:block;margin-top:.35rem;line-height:1.5}form[class*="hk-"] .nui-input-label,form[class*="hk-"] .nui-select-label,form[class*="hk-"] .nui-label{margin-bottom:.35rem;color:#475569!important;font-size:.75rem!important;font-weight:700}.dark form[class*="hk-"] .nui-input-label,.dark form[class*="hk-"] .nui-select-label,.dark form[class*="hk-"] .nui-label{color:#cbd5e1!important}form[class*="hk-"] .nui-input,form[class*="hk-"] .nui-input-number,form[class*="hk-"] .nui-select,form[class*="hk-"] .nui-textarea{border:1px solid #e2e8f0!important;border-radius:11px!important;background:#f8fafc!important;color:#0f172a!important;transition:border-color .2s,box-shadow .2s}form[class*="hk-"] .nui-input:focus,form[class*="hk-"] .nui-input-number:focus,form[class*="hk-"] .nui-select:focus,form[class*="hk-"] .nui-textarea:focus{border-color:#818cf8!important;box-shadow:0 0 0 3px rgba(99,102,241,.11)!important}.dark form[class*="hk-"] .nui-input,.dark form[class*="hk-"] .nui-input-number,.dark form[class*="hk-"] .nui-select,.dark form[class*="hk-"] .nui-textarea{border-color:#334155!important;background:#111827!important;color:#f8fafc!important}form[class*="hk-"] fieldset>.nui-card>div:has(textarea),form[class*="hk-"] fieldset>.nui-card>div:has(.nui-file-input),form[class*="hk-"] fieldset>.nui-card>div:has(button[type="submit"]){grid-column:1/-1}main>.container .card-demo-bill{position:sticky;top:84px;width:100%!important;min-width:0;padding:.65rem;border:1px solid rgba(148,163,184,.2);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 22px 50px -38px rgba(15,23,42,.5)}.dark main>.container .card-demo-bill{border-color:#334155;background:rgba(15,23,42,.92)}main>.container .card-demo-bill:before{content:"Xem trước bill";display:block;padding:.35rem .4rem .7rem;color:#64748b;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}main>.container .card-demo-bill .kq-bill{max-height:calc(100vh - 140px);overflow:auto!important;border-radius:14px!important;background:#020617}main>.container .card-demo-bill .kq-bill img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:980px){main>.container>.flex.flex-col.md\:flex-row{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:767px){main>.container{padding-left:.7rem;padding-right:.7rem}main>.container>.flex.flex-col.md\:flex-row{display:flex!important;flex-direction:column!important}form[class*="hk-"] fieldset>.nui-card{grid-template-columns:1fr!important;padding:.9rem!important;border-radius:17px!important}form[class*="hk-"] fieldset>.nui-card>*{grid-column:1!important}main>.container .card-demo-bill{position:relative;top:auto;display:block!important;border-radius:17px}main>.container .card-demo-bill .kq-bill{max-height:none}}@media(prefers-reduced-motion:reduce){form[class*="hk-"] *{transition:none!important}}