*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f5f6fa;color:#1f2430;line-height:1.6}.khung{max-width:720px;margin:3rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f}.khung h1{font-size:1.5rem;margin-bottom:1rem}.khung p+p{margin-top:.75rem}code{background:#eef0f5;padding:.1em .4em;border-radius:4px;font-size:.95em}.o-nhap{margin-top:1.25rem;padding:1rem;border:1px solid #e3e6ee;border-radius:8px}.o-nhap h2{font-size:1.05rem;margin-bottom:.5rem}.o-nhap label{display:block;margin-bottom:.5rem;font-weight:600}.o-nhap input[type=text],.o-nhap input[type=password],.o-nhap input:not([type]){display:block;width:100%;margin-top:.25rem;padding:.45rem .6rem;border:1px solid #c9cedb;border-radius:6px;font-weight:400}.o-nhap button{margin-top:.75rem;padding:.5rem 1.2rem;background:#1f6feb;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.o-nhap button:disabled{background:#9db8dd;cursor:wait}.nhat-ky{margin-top:1.25rem;padding:1rem;background:#101418;color:#9fe8a9;border-radius:8px;font-size:.85rem;overflow-x:auto;white-space:pre-wrap}:root{color-scheme:light;--nen-trang: #f9f9f7;--nen-the: #fcfcfb;--chu-chinh: #0b0b0b;--chu-phu: #52514e;--chu-mo: #898781;--vach: #e1e0d9;--truc: #c3c2b7;--vien: rgba(11, 11, 11, .1);--cot: #2a78d6;--cot-dam: #1c5cab}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--nen-trang: #0d0d0d;--nen-the: #1a1a19;--chu-chinh: #ffffff;--chu-phu: #c3c2b7;--chu-mo: #898781;--vach: #2c2c2a;--truc: #383835;--vien: rgba(255, 255, 255, .1);--cot: #3987e5;--cot-dam: #6da7ec}body{background:var(--nen-trang);color:var(--chu-chinh)}.khung,.o-nhap{background:var(--nen-the);border-color:var(--vien)}code{background:#2c2c2a}}.trang-dashboard{max-width:1100px;margin:0 auto;padding:1rem;background:var(--nen-trang);color:var(--chu-chinh)}.dau-trang{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dau-trang h1{font-size:1.35rem}.dau-trang nav a{color:var(--cot);text-decoration:none;font-weight:600}.hang-o-so{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.o-so{background:var(--nen-the);border:1px solid var(--vien);border-radius:10px;padding:.9rem 1rem}.o-so-nhan{font-size:.82rem;color:var(--chu-phu)}.o-so-gia-tri{font-size:1.7rem;font-weight:700;margin-top:.15rem}.o-so-phu{font-size:.78rem;color:var(--chu-mo)}.the{background:var(--nen-the);border:1px solid var(--vien);border-radius:10px;padding:1rem;margin-bottom:1rem}.the h2{font-size:1rem;margin-bottom:.75rem}.hai-cot{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:860px){.hai-cot{grid-template-columns:1fr}}.bieu-do-khung{position:relative}.bieu-do-khung svg{width:100%;height:auto;display:block}.cot{fill:var(--cot)}.cot-chon{fill:var(--cot-dam)}.vach-luoi{stroke:var(--vach);stroke-width:1}.truc-goc{stroke:var(--truc);stroke-width:1}.chu-truc{font-size:9px;fill:var(--chu-mo)}.tooltip{position:absolute;top:0;right:0;background:var(--nen-the);border:1px solid var(--vien);border-radius:6px;padding:.3rem .6rem;font-size:.85rem;box-shadow:0 2px 8px #0000001f}.cuon-ngang{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}th{text-align:left;color:var(--chu-phu);font-weight:600;border-bottom:1px solid var(--truc);padding:.35rem .5rem;white-space:nowrap}td{padding:.35rem .5rem;border-bottom:1px solid var(--vach);font-variant-numeric:tabular-nums}th.so,td.so{text-align:right}.chu-phu{color:var(--chu-mo);font-size:.8em}.chu-loi{color:#d03b3b;margin-top:.5rem}.chan-trang{color:var(--chu-mo);font-size:.78rem;text-align:center;margin:1rem 0}
