.phieu{--p-the:var(--white,#fff);--p-chu:var(--text-dark,#222);--p-chu-nhat:var(--text-body,#3d4c5c);--p-vien:#d8e2ec;--p-chinh:var(--primary-2,#3874ff);--p-chinh-dam:var(--primary,#3364db);--p-chinh-nhat:var(--primary-soft,#f3f6ff);--p-do:#c0392b;--p-do-nhat:#fdecea;color:var(--p-chu);font-family:var(--font-body,"Segoe UI", system-ui, sans-serif);max-width:680px;margin:0 auto;font-size:1rem;line-height:1.55}.phieu *,.phieu :before,.phieu :after{box-sizing:border-box}.phieu [hidden]{display:none!important}.phieu-chan{z-index:50;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:var(--gray-bg,#f4f9fc);border-top:1px solid var(--p-vien);box-shadow:0 0 0 100vmax var(--gray-bg,#f4f9fc);clip-path:inset(0 -100vmax);margin-top:8px;position:sticky;bottom:0}.phieu-tien-do{margin:0 0 10px}.phieu-tien-do-chu{color:var(--p-chu-nhat);margin:0 0 6px;font-size:1rem;font-weight:600}.phieu-tien-do-nen{background:var(--p-vien);border-radius:99px;height:8px;overflow:hidden}.phieu-tien-do-thanh{background:var(--p-chinh);border-radius:99px;width:0;height:100%;transition:width .25s}.phieu-bay{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.phieu .the,.phieu .q{background:var(--p-the);border-radius:var(--radius,12px);box-shadow:var(--shadow-card,0 0 30px #002a6a1a);border:1px solid #0000;margin-bottom:12px;padding:18px 16px}.phieu .the-dau{border-top:8px solid var(--p-chinh)}.phieu h2{font-family:var(--font-heading,"Segoe UI", system-ui, sans-serif);color:var(--p-chu);margin:0 0 6px;font-size:1.5rem;line-height:1.3}.phieu h3{font-family:var(--font-heading,"Segoe UI", system-ui, sans-serif);color:var(--p-chu);margin:0 0 8px;font-size:1.125rem}.phieu .the p{color:var(--p-chu-nhat);margin:0}.phieu .q-nhan{color:var(--p-chu);margin:0 0 4px;font-size:1.0625rem;font-weight:600}.phieu .q-sao{color:var(--p-do)}.phieu .q-chu-thich{color:var(--p-chu-nhat);margin:0 0 8px;font-size:1rem}.phieu .q-loi{color:var(--p-do);margin:10px 0 0;font-size:1rem;font-weight:600}.phieu .q.q-thieu{border-color:var(--p-do);box-shadow:0 0 0 1px var(--p-do)}.phieu .q-lua-chon{flex-direction:column;gap:4px;margin-top:6px;display:flex}.phieu .lua-chon{border:1px solid var(--p-vien);cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;min-height:44px;padding:10px 12px;display:flex}.phieu .lua-chon:has(input:checked){border-color:var(--p-chinh);background:var(--p-chinh-nhat)}.phieu .lua-chon input{width:22px;height:22px;accent-color:var(--p-chinh);flex:none;margin:1px 0 0}.phieu .lua-chon-chu{color:var(--p-chu);flex-direction:column;display:flex}.phieu .lua-chon-chu small{color:var(--p-chu-nhat);margin-top:2px;font-size:1rem}.phieu .q-o{width:100%;min-height:44px;font:inherit;color:var(--p-chu);background:var(--p-the);border:1px solid var(--p-vien);border-radius:10px;margin-top:8px;padding:10px 12px}.phieu .q-o:focus{outline:2px solid var(--p-chinh);outline-offset:1px}.phieu textarea.q-o{resize:vertical;min-height:96px}.phieu .q-thang{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;margin-top:8px;display:grid}.phieu .thang-so{display:block;position:relative}.phieu .thang-so input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.phieu .thang-so span{border:1px solid var(--p-vien);min-height:44px;color:var(--p-chu);border-radius:10px;justify-content:center;align-items:center;font-weight:600;display:flex}.phieu .thang-so input:checked+span{background:var(--p-chinh);border-color:var(--p-chinh);color:#fff}.phieu .thang-so input:focus-visible+span{outline:2px solid var(--p-chinh);outline-offset:2px}.phieu .q-thang-nhan{color:var(--p-chu-nhat);justify-content:space-between;gap:12px;margin-top:8px;font-size:1rem;display:flex}.phieu .q-anh-nut{text-align:center;cursor:pointer;border:2px dashed var(--p-chinh);min-height:56px;color:var(--p-chinh-dam);border-radius:10px;justify-content:center;align-items:center;margin-top:8px;padding:10px 14px;font-weight:600;display:flex}.phieu .q-anh-nut input{opacity:0;width:1px;height:1px;position:absolute}.phieu .q-anh-nut:focus-within{outline:2px solid var(--p-chinh);outline-offset:2px}.phieu .q-anh-ds{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.phieu .q-anh-ds li{border:1px solid var(--p-vien);border-radius:10px;align-items:center;gap:12px;padding:8px;display:flex}.phieu .q-anh-ds img{object-fit:cover;border-radius:8px;flex:none;width:64px;height:64px}.phieu .q-anh-ds .anh-ten{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--p-chu);flex:1;font-size:1rem;overflow:hidden}.phieu .q-anh-ds button{min-height:44px;font:inherit;cursor:pointer;color:var(--p-do);border:1px solid var(--p-do);background:0 0;border-radius:10px;padding:0 14px;font-weight:600}.phieu .huong-dan ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.phieu .huong-dan li{color:var(--p-chu);align-items:flex-start;gap:10px;display:flex}.phieu .huong-dan-nhan{border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}.phieu .huong-dan-nhan.nen{color:#1d5a37;background:#d8efe0}.phieu .huong-dan-nhan.khong{color:#9b2c20;background:#fbdcd8}.phieu .the-canh-bao{background:var(--p-do-nhat);border-color:var(--p-do)}.phieu .the-canh-bao h2{color:var(--p-do)}.phieu .the-canh-bao .canh-bao-nho{color:var(--p-chu);margin-bottom:10px;font-weight:700}.phieu .the-canh-bao ul{color:var(--p-chu);margin:0;padding-left:20px}.phieu .the-canh-bao li{margin-bottom:6px}.phieu .the-xong{text-align:center;padding:28px 16px}.phieu-loi-gui{background:var(--p-do-nhat);color:var(--p-do);border:1px solid var(--p-do);border-radius:10px;margin:0 0 12px;padding:12px 14px;font-weight:600}.phieu-dieu-huong{justify-content:space-between;gap:12px;display:flex}.phieu-dieu-huong #nutTiep{margin-left:auto}.phieu .the-xong .btn{margin-top:18px}.phieu .btn{justify-content:center;min-height:48px;font-size:1rem}.phieu .btn:disabled{opacity:.6;cursor:progress}.phieu[data-che-do=admin] .btn{font-family:var(--font-heading,"Segoe UI", system-ui, sans-serif);cursor:pointer;border:2px solid #0000;border-radius:50px;align-items:center;gap:10px;padding:14px 30px;font-weight:600;transition:all .25s;display:inline-flex}.phieu[data-che-do=admin] .btn-primary{background:var(--p-chinh);color:#fff}.phieu[data-che-do=admin] .btn-primary:hover{background:var(--p-chinh-dam)}.phieu[data-che-do=admin] .btn-outline{border-color:var(--p-vien);color:#444;background:0 0}.phieu[data-che-do=admin] .btn-outline:hover{border-color:var(--p-chinh-dam);color:var(--p-chinh-dam)}