:root{--nen:#f6f7f9;--the:#fff;--vien:#dfe3e8;--chu:#1c2430;--chu-mo:#5b6674;--chinh:#1a5fb4;--chinh-dam:#14488a;--loi:#b3261e;--tot:#1a7f4b}@media (prefers-color-scheme:dark){:root{--nen:#12161c;--the:#1a1f27;--vien:#2c333d;--chu:#e6e9ee;--chu-mo:#9aa4b2;--chinh:#6ea8f0;--chinh-dam:#8fbcf5;--loi:#f2b8b5;--tot:#6ddba0}}*{box-sizing:border-box}body{background:var(--nen);color:var(--chu);margin:0;font:15px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--chinh)}.giua{place-items:center;min-height:100vh;padding:24px;display:grid}.the{background:var(--the);border:1px solid var(--vien);border-radius:12px;width:100%;max-width:420px;padding:28px}.trang{max-width:1000px;margin:0 auto;padding:32px 24px 64px}h1{margin:0 0 6px;font-size:22px}h2{margin:28px 0 10px;font-size:17px}.phu{color:var(--chu-mo);margin:0 0 20px;font-size:13px}label{margin:14px 0 5px;font-size:13px;font-weight:600;display:block}input{border:1px solid var(--vien);background:var(--nen);width:100%;color:var(--chu);font:inherit;border-radius:8px;padding:10px 12px}input:focus{outline:2px solid var(--chinh);outline-offset:1px}button{background:var(--chinh);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:20px;padding:11px 14px;font-weight:600}button:hover{background:var(--chinh-dam)}button:disabled{opacity:.6;cursor:progress}.loi{background:color-mix(in srgb, var(--loi) 12%, transparent);color:var(--loi);border-radius:8px;margin-top:16px;padding:10px 12px;font-size:13.5px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--vien);padding:8px 10px}th{color:var(--chu-mo);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.chip{background:color-mix(in srgb, var(--chinh) 14%, transparent);color:var(--chinh);border-radius:999px;margin:0 6px 6px 0;padding:3px 9px;font-size:12.5px;font-weight:600;display:inline-block}.luoi{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.o{background:var(--the);border:1px solid var(--vien);border-radius:10px;padding:14px 16px}.o .so{font-size:26px;font-weight:700}.o .ten{color:var(--chu-mo);font-size:12.5px}.dau-trang{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.thoat{width:auto;color:var(--chu-mo);border:1px solid var(--vien);background:0 0;margin:0;padding:8px 14px}.thoat:hover{background:var(--the);color:var(--chu)}.cuon{overflow-x:auto}