@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--ink:#0f172a;--ink2:#475569;--ink3:#94a3b8;--line:#e2e8f0;--line2:#cbd5e1;--bg:#f1f5f9;--card:#fff;--do-ct:#ee1c25;--vang-ct:#ffca08;--pri:#2563eb;--pri-d:#1d4ed8;--pri-bg:#eff6ff;--ok:#16a34a;--ok-bg:#f0fdf4;--err:#dc2626;--err-bg:#fef2f2;--err-line:#fecaca;--warn:#d97706;--warn-bg:#fffbeb;--r:10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);-webkit-user-select:none;user-select:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.55}.than,input,textarea,select{-webkit-user-select:text;user-select:text}button,a,.btn,[role=button],label{touch-action:manipulation}a{color:var(--pri);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea,button{font-family:inherit;font-size:15px}input:not([type]),input[type=text],input[type=password],input[type=number],input[type=date],input[type=email],input[type=search],input[type=tel],select,textarea{width:100%;color:var(--ink);border:1px solid var(--line2);appearance:none;background:#fff;border-radius:9px;outline:none;padding:10px 13px;transition:all .15s}input:focus,select:focus,textarea:focus{border-color:var(--pri);box-shadow:0 0 0 3px #2563eb1a}input:disabled,input[readonly]{color:var(--ink2);background:#f8fafc}@media (width<=900px){input:not([type]),input[type=text],input[type=password],input[type=number],input[type=date],input[type=email],input[type=search],input[type=tel],select,textarea{font-size:16px}}textarea{resize:vertical;min-height:80px}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2394a3b8' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:34px}label.fld{margin-bottom:14px;display:block}label.fld>span{color:var(--ink2);margin-bottom:5px;font-size:13.5px;font-weight:600;display:block}label.fld .req{color:var(--err);margin-left:2px}.hint{color:var(--ink3);margin-top:4px;font-size:12.5px;line-height:1.45}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;padding:10px 18px;font-weight:600;transition:all .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-pri{background:var(--pri);color:#fff}.btn-pri:hover:not(:disabled){background:var(--pri-d)}.btn-sec{color:var(--ink2);border-color:var(--line2);background:#fff}.btn-sec:hover:not(:disabled){background:#f8fafc}.btn-err{background:var(--err);color:#fff}.btn-sm{border-radius:7px;padding:6px 12px;font-size:13.5px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}.tbl-wrap{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:14px}table.tbl th,table.tbl td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 14px}table.tbl th{letter-spacing:.4px;text-transform:uppercase;color:var(--ink3);white-space:nowrap;background:#f8fafc;font-size:12px;font-weight:700}table.tbl tbody tr:hover{background:#f8fafc}table.tbl tbody tr:last-child td{border-bottom:none}.tag{white-space:nowrap;border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:650;display:inline-block}.tag-ok{background:var(--ok-bg);color:var(--ok)}.tag-err{background:var(--err-bg);color:var(--err)}.tag-warn{background:var(--warn-bg);color:var(--warn)}.tag-pri{background:var(--pri-bg);color:var(--pri)}.tag-mo{color:var(--ink3);background:#f1f5f9}.alert{border:1px solid #0000;border-radius:9px;margin-bottom:16px;padding:11px 15px;font-size:14px}.alert-err{background:var(--err-bg);color:#991b1b;border-color:var(--err-line)}.alert-ok{background:var(--ok-bg);color:#15803d;border-color:#bbf7d0}.alert-warn{background:var(--warn-bg);color:#92400e;border-color:#fde68a}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.muted{color:var(--ink3)}.center{text-align:center}.mt16{margin-top:16px}.empty{text-align:center;color:var(--ink3);padding:44px 20px}@media (width<=640px){.grid2{grid-template-columns:1fr}}.vo-app{grid-template-rows:auto 1fr auto;height:100dvh;display:grid;overflow:hidden}.dinh{border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);z-index:40;background:#fff}.dinh-trong{align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:11px 20px;display:flex}.than{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-top:12px;overflow:hidden auto}.than-trong{max-width:1180px;padding:22px 20px calc(28px + env(safe-area-inset-bottom));margin:0 auto}.thanh-duoi{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:40;background:#fff;display:none}.thanh-duoi-trong{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.nut-duoi{min-height:56px;color:var(--ink3);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:7px 4px 5px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.nut-duoi:hover{text-decoration:none}.nut-duoi.chon{color:var(--pri)}.nut-duoi .hinh{font-size:19px;line-height:1}@media (width<=820px){.thanh-duoi{display:block}.than-trong{padding:16px 14px 22px}.dinh-trong{padding:10px 14px}.card{padding:16px 15px}}.tbl-wrap{overscroll-behavior-x:contain;overflow-x:auto}@media (width<=820px){.tbl-wrap{overflow-x:visible}table.tbl,table.tbl tbody,table.tbl tr,table.tbl td{width:100%;display:block}table.tbl thead{display:none}table.tbl tr{border:1px solid var(--line);border-radius:var(--r);background:#fff;margin-bottom:10px;padding:11px 13px}table.tbl tbody tr:hover{background:#fff}table.tbl tr:last-child{margin-bottom:0}table.tbl td{text-align:right;border-bottom:none;justify-content:space-between;align-items:flex-start;gap:14px;padding:5px 0;font-size:14px;display:flex}table.tbl td:before{content:attr(data-nhan);text-align:left;letter-spacing:.3px;text-transform:uppercase;color:var(--ink3);flex:none;padding-top:2px;font-size:12px;font-weight:700}table.tbl td[data-nhan=""]:before{display:none}table.tbl td:first-child{text-align:left;border-bottom:1px solid var(--line);margin-bottom:6px;padding-bottom:9px;font-size:15px;display:block}table.tbl td:first-child:before,table.tbl td:empty{display:none}table.tbl td.o-dai{text-align:left;display:block}table.tbl td.o-dai:before{margin-bottom:4px;display:block}table.tbl td.o-thao-tac{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-top:9px;padding-top:10px;display:flex}table.tbl td.o-thao-tac:before{display:none}table.tbl td.o-thao-tac .btn{margin-left:0!important}table.tbl td.empty{text-align:center;border-bottom:none;display:block}table.tbl td.empty:before{display:none}}.lop-phu{z-index:100;overscroll-behavior:contain;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));background:#0f172a73;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.hop{background:#fff;border-radius:14px;width:100%;margin:auto 0;box-shadow:0 20px 60px #0f172a40}@media (width<=820px){.lop-phu{align-items:flex-end;padding:0;overflow:hidden}.hop{max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;flex-direction:column;margin:0;display:flex;max-width:none!important}.hop>:last-child{flex:auto;min-height:0}}@media (width<=640px){.grid2{grid-template-columns:1fr}.row,.row-between{flex-wrap:wrap}.btn{min-height:42px}.btn-sm{min-height:34px}}@media (width<=560px){.btn-rong-mob{justify-content:center;width:100%}}.man-don{overscroll-behavior:contain;height:100dvh;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;overflow-y:auto}.row>input,.row>select{flex:200px;width:auto;min-width:0}@media (width<=640px){.row>input,.row>select{flex-basis:100%}}