@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";
*,:before,:after{box-sizing:border-box}body{font:var(--type-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;text-wrap:pretty;margin:0}h1,h2,h3,h4,h5,h6{color:var(--text-strong);letter-spacing:var(--tracking-heading);text-wrap:balance;margin:0}p{margin:0}a{color:var(--text-link);transition:var(--transition-control);text-decoration:none}a:hover{color:var(--text-link-hover);text-underline-offset:3px;text-decoration:underline}a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--gold-300);color:var(--sapphire-900)}@keyframes sba-spin{to{transform:rotate(360deg)}}@keyframes sba-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sba-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.eyebrow{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}:root{--gold-50:#fffcf2;--gold-100:#fef3d6;--gold-200:#fde3a6;--gold-300:#fbcf6d;--gold-400:#fab944;--gold-500:#f9a825;--gold-600:#e0930f;--gold-700:#b87708;--gold-800:#8a5905;--ivory-50:#fffdf6;--ivory-100:#fff8e1;--ivory-200:#f8efd2;--ivory-300:#efe3be;--sapphire-400:#3e68b0;--sapphire-500:#22509c;--sapphire-600:#0f3f8c;--sapphire-700:#043475;--sapphire-800:#002d72;--sapphire-900:#001b44;--sapphire-950:#00112c;--blue-50:#e8f2fd;--blue-100:#cfe4fa;--blue-200:#a6cdf5;--blue-300:#6fb3f0;--blue-400:#429bea;--blue-500:#1e88e5;--blue-600:#1670c4;--blue-700:#12599b;--gray-0:#fff;--gray-50:#f7f8fa;--gray-100:#eff1f4;--gray-200:#e3e6eb;--gray-300:#cdd2da;--gray-400:#a6aebb;--gray-500:#7a8494;--gray-600:#5a6472;--gray-700:#3f4854;--gray-800:#262c35;--gray-900:#151a21;--green-100:#dcf2e7;--green-500:#1b8a5a;--green-700:#10603d;--red-100:#fbe3e1;--red-500:#d93025;--red-700:#992018;--amber-100:#fdf0d2;--amber-500:#e0930f;--amber-700:#8a5905;--surface-page:var(--gray-0);--surface-warm:var(--ivory-100);--surface-warm-soft:var(--ivory-50);--surface-card:var(--gray-0);--surface-brand:var(--gold-500);--surface-brand-soft:var(--gold-100);--surface-ink:var(--sapphire-800);--surface-ink-deep:var(--sapphire-900);--surface-admin:var(--gray-50);--surface-admin-raised:var(--gray-0);--surface-sunken:var(--gray-100);--surface-interactive-soft:var(--blue-50);--text-strong:var(--sapphire-800);--text-body:#2b3444;--text-muted:var(--gray-600);--text-faint:var(--gray-500);--text-on-gold:var(--sapphire-800);--text-on-gold-muted:#3b4e7e;--text-on-ink:#fff;--text-on-ink-muted:#b9c7e4;--text-link:var(--blue-500);--text-link-hover:var(--blue-700);--text-danger:var(--red-500);--text-success:var(--green-700);--border-subtle:var(--gray-200);--border-warm:var(--ivory-300);--border-strong:var(--gray-300);--border-brand:var(--gold-500);--border-ink:var(--sapphire-800);--border-interactive:var(--blue-500);--border-danger:var(--red-500);--focus-ring:var(--blue-500);--focus-ring-halo:#1e88e547;--action-primary-bg:var(--sapphire-800);--action-primary-bg-hover:var(--sapphire-700);--action-primary-bg-active:var(--sapphire-900);--action-primary-fg:#fff;--action-secondary-bg:var(--gold-500);--action-secondary-bg-hover:var(--gold-600);--action-secondary-bg-active:var(--gold-700);--action-secondary-fg:var(--sapphire-800);--action-outline-fg:var(--sapphire-800);--action-outline-border:var(--sapphire-800);--action-outline-bg-hover:#002d720f;--action-ghost-fg:var(--blue-500);--action-disabled-bg:var(--gray-200);--action-disabled-fg:var(--gray-400);--status-draft-bg:var(--gray-100);--status-draft-fg:var(--gray-700);--status-published-bg:var(--gold-200);--status-published-fg:var(--gold-800);--status-review-bg:var(--blue-50);--status-review-fg:var(--blue-700);--status-error-bg:var(--red-100);--status-error-fg:var(--red-700);--status-success-bg:var(--green-100);--status-success-fg:var(--green-700);--gradient-hero:linear-gradient(180deg, var(--gold-500) 0%, var(--gold-500) 58%, var(--gold-300) 82%, var(--ivory-100) 100%);--font-sans:"Be Vietnam Pro", ui-sans-serif, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-display:var(--font-sans);--font-body:var(--font-sans);--duration-instant:90ms;--duration-fast:.14s;--duration-base:.2s;--duration-slow:.32s;--duration-slower:.52s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--transition-control:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);--transition-lift:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);--lift-card:translateY(-4px);--press-scale:scale(.985);--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-3xl:40px;--radius-pill:999px;--radius-card:var(--radius-xl);--radius-card-sm:var(--radius-lg);--radius-control:var(--radius-md);--radius-button:var(--radius-pill);--radius-admin:var(--radius-sm);--border-hairline:1px;--border-medium:1.5px;--border-heavy:2px;--shadow-xs:0 1px 2px #002d720f;--shadow-sm:0 1px 2px #002d720d, 0 2px 6px #002d720d;--shadow-md:0 2px 4px #002d720a, 0 8px 20px #002d7214;--shadow-lg:0 4px 8px #002d720d, 0 18px 40px #002d721a;--shadow-xl:0 8px 16px #002d720f, 0 32px 72px #002d7224;--shadow-float:0 12px 28px #002d7221, 0 2px 6px #002d720f;--shadow-inset-line:inset 0 -1px 0 #002d720f;--shadow-focus:0 0 0 3px var(--focus-ring-halo);--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-30:120px;--space-40:160px;--gap-inline:var(--space-3);--gap-card:var(--space-6);--gap-grid:var(--space-6);--pad-card:var(--space-6);--pad-card-lg:var(--space-8);--pad-section-y:var(--space-24);--pad-section-y-sm:var(--space-16);--pad-page-x:var(--space-10);--container-max:1200px;--container-wide:1320px;--container-prose:720px;--admin-sidebar-w:248px;--admin-topbar-h:60px;--site-header-h:72px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--size-display:64px;--size-h1:48px;--size-h2:36px;--size-h3:28px;--size-h4:22px;--size-body-lg:18px;--size-body:16px;--size-body-sm:14px;--size-caption:13px;--size-micro:12px;--leading-display:1.04;--leading-heading:1.16;--leading-snug:1.35;--leading-body:1.65;--leading-tight:1.2;--tracking-display:-.02em;--tracking-heading:-.01em;--tracking-normal:0;--tracking-eyebrow:.14em;--tracking-label:.04em;--type-display:var(--weight-bold) var(--size-display) / var(--leading-display) var(--font-display);--type-h1:var(--weight-bold) var(--size-h1) / var(--leading-heading) var(--font-display);--type-h2:var(--weight-bold) var(--size-h2) / var(--leading-heading) var(--font-display);--type-h3:var(--weight-semibold) var(--size-h3) / var(--leading-snug) var(--font-display);--type-h4:var(--weight-semibold) var(--size-h4) / var(--leading-snug) var(--font-display);--type-body-lg:var(--weight-regular) var(--size-body-lg) / var(--leading-body) var(--font-body);--type-body:var(--weight-regular) var(--size-body) / var(--leading-body) var(--font-body);--type-body-sm:var(--weight-regular) var(--size-body-sm) / var(--leading-snug) var(--font-body);--type-caption:var(--weight-regular) var(--size-caption) / var(--leading-snug) var(--font-body);--type-eyebrow:var(--weight-bold) var(--size-micro) / 1 var(--font-body);--type-label:var(--weight-semibold) var(--size-caption) / var(--leading-tight) var(--font-body);--type-button:var(--weight-semibold) var(--size-body) / 1 var(--font-body);--measure-narrow:34ch;--measure-body:62ch;--measure-wide:78ch}
*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--surface-admin);color:var(--text-body);font:var(--type-body);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--text-link)}a:hover{color:var(--text-link-hover)}:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.khung{grid-template-columns:236px minmax(0,1fr);min-height:100%;display:grid}.thanh-ben{background:var(--sapphire-800);color:var(--gray-0);flex-direction:column;align-self:start;gap:22px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.hieu{flex-direction:column;gap:3px;padding:0 8px;display:flex}.hieu b{font:var(--weight-bold) 16px/1.2 var(--font-display);letter-spacing:-.01em}.hieu span{font:var(--type-micro);color:var(--text-on-ink-muted)}.dieu-huong{flex-direction:column;gap:2px;display:flex}.dieu-huong .nhom{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-on-ink-muted);padding:14px 8px 6px}.muc{border-radius:var(--radius-sm);color:var(--gray-100);font:var(--weight-medium) 13.5px/1.3 var(--font-body);transition:var(--transition-control);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;display:flex}.muc:hover{color:var(--gray-0);background:#ffffff14}.muc[aria-current=page]{color:var(--gray-0);font-weight:var(--weight-semibold);background:#ffffff24}.muc.chua-dung{color:var(--text-on-ink-muted);cursor:default}.muc.chua-dung:hover{color:var(--text-on-ink-muted);background:0 0}.the-nho{font:var(--type-micro);border-radius:var(--radius-pill);color:var(--gray-100);white-space:nowrap;background:#ffffff1f;padding:2px 6px}.vung{min-width:0;padding:0 0 56px}.dai-nhan{background:var(--gold-200);color:var(--gold-800);font:var(--weight-semibold) 12.5px/1.4 var(--font-body);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:9px 28px;display:flex}.dai-nhan .phu{font-weight:var(--weight-regular);color:var(--gold-800);opacity:.85}.dai-nhan.canh-bao{background:var(--red-50);color:var(--red-700)}.dau-trang{border-bottom:1px solid var(--border-subtle);background:var(--surface-admin-raised);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;padding:26px 28px 20px;display:flex}.dau-trang h1{font:var(--type-h2);color:var(--gray-900);margin:0}.dau-trang .phu{font:var(--type-body-sm);color:var(--text-muted);margin:5px 0 0}.ky{font:var(--type-caption);color:var(--text-muted);text-align:right;flex-direction:column;gap:2px;display:flex}.ky b{color:var(--gray-900);font-weight:var(--weight-semibold)}main.noi-dung{flex-direction:column;gap:28px;padding-bottom:8px;display:flex}main.noi-dung>:not(.dau-trang){margin-inline:28px}.hang-the{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.the{background:var(--surface-admin-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-admin);box-shadow:var(--shadow-sm);flex-direction:column;gap:7px;padding:16px 18px;display:flex}.the .nhan{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted)}.the .so{font:var(--weight-bold) 30px/1 var(--font-display);color:var(--gray-900);font-variant-numeric:tabular-nums}.the .ktc{font:var(--type-caption);color:var(--text-muted);font-variant-numeric:tabular-nums}.the .dong-phu{font:var(--type-caption);color:var(--text-faint)}.doi{font:var(--weight-semibold) 13px/1 var(--font-body);font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.doi.tang{color:var(--green-700)}.doi.giam{color:var(--red-700)}.doi.ngang{color:var(--text-muted)}.khoi{background:var(--surface-admin-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-admin);overflow:hidden}.khoi>header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;padding:14px 18px;display:flex}.khoi>header h2{font:var(--type-h4);color:var(--gray-900);margin:0}.khoi>header .phu{font:var(--type-caption);color:var(--text-muted)}.cuon-ngang{overflow-x:auto}table.bang{border-collapse:collapse;width:100%;font:var(--type-body-sm)}table.bang th{text-align:left;font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:10px 14px}table.bang td{border-bottom:1px solid var(--border-subtle);color:var(--text-body);padding:11px 14px}table.bang tr:last-child td{border-bottom:0}table.bang td.so,table.bang th.so{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.bang td.ten{font-weight:var(--weight-semibold);color:var(--gray-900)}.chua-du{font:var(--type-caption);color:var(--text-faint);background:repeating-linear-gradient(135deg, transparent, transparent 4px, var(--gray-100) 4px, var(--gray-100) 5px);border-radius:var(--radius-sm);padding:2px 8px}.nhan-muc{font:var(--type-micro);border-radius:var(--radius-pill);white-space:nowrap;padding:2px 7px}.nhan-muc.tham-khao{background:var(--gold-200);color:var(--gold-800)}.nhan-muc.chua-do{background:var(--gray-100);color:var(--text-faint)}.ghi-chu{font:var(--type-caption);color:var(--text-muted);background:var(--ivory-50);border-top:1px solid var(--border-warm);padding:12px 18px}.ghi-chu b{color:var(--text-body);font-weight:var(--weight-semibold)}.chan{background:var(--surface-admin);place-items:center;min-height:100vh;padding:28px;display:grid}.chan .hop{background:var(--surface-admin-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-width:460px;box-shadow:var(--shadow-xl);flex-direction:column;gap:12px;padding:28px;display:flex}.chan h1{font:var(--type-h3);color:var(--gray-900);margin:0}.chan p{font:var(--type-body-sm);color:var(--text-muted);margin:0}@media (max-width:860px){.khung{grid-template-columns:minmax(0,1fr)}.thanh-ben{flex-direction:column;height:auto;position:static}.dieu-huong{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px;display:grid}.dieu-huong .nhom{grid-column:1/-1}.dau-trang,.dai-nhan,main.noi-dung{padding-inline:16px}}.form-dn{flex-direction:column;gap:6px;margin-top:4px;display:flex}.form-dn label{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);margin-top:8px}.form-dn input{font:var(--type-body);color:var(--text-body);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--gray-0);padding:9px 11px}.form-dn input:focus-visible{border-color:var(--blue-500)}.form-dn button{cursor:pointer;border-radius:var(--radius-sm);background:var(--sapphire-800);color:var(--gray-0);font:var(--weight-semibold) 14px/1.2 var(--font-body);transition:var(--transition-control);border:0;margin-top:14px;padding:10px 16px}.form-dn button:hover:not(:disabled){background:var(--blue-700)}.form-dn button:disabled{opacity:.6;cursor:default}.loi-dn{border-radius:var(--radius-sm);background:var(--red-50);color:var(--red-700);font:var(--type-body-sm);margin:10px 0 0;padding:9px 12px}.phu-dn{font:var(--type-caption)!important;color:var(--text-faint)!important;margin:14px 0 0!important}.lien-ket-nut{cursor:pointer;background:var(--gray-0);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-body);font:var(--type-body-sm);margin-top:6px;padding:8px 14px}.lien-ket-nut:hover{background:var(--gray-50)}.nguoi-dung{border-top:1px solid #ffffff24;flex-direction:column;gap:7px;margin-top:auto;padding:12px 10px 4px;display:flex}.nguoi-dung>span{font:var(--type-micro);color:var(--text-on-ink-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nguoi-dung button{cursor:pointer;color:var(--gray-100);border-radius:var(--radius-sm);font:var(--weight-medium) 12px/1.2 var(--font-body);background:#ffffff1f;border:0;align-self:flex-start;padding:5px 10px}.nguoi-dung button:hover{color:var(--gray-0);background:#fff3}