@font-face{font-family:Google Sans;font-weight:400 700;font-style:normal;font-display:swap;src:url(/fonts/google-sans-vn.woff2)format("woff2-variations")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#ea4445;--brand-dark:#c93939;--brand-light:#fdecec;--link:#ea4445;--ink:#1a1a1a;--muted:gray;--success:#28a745;--success-bg:#e7f6ec;--success-fg:#1e7a34;--warning:#ffc107;--warning-bg:#fff6dd;--warning-fg:#8a6d00;--danger:#a82822;--danger-bg:#f7e5e4;--danger-fg:#8c1f1a;--info:#17a2b8;--info-bg:#e4f4f7;--info-fg:#0e6c7d;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#ececec;--gray-300:#dcdcdc;--gray-400:#bfbfbf;--gray-500:gray;--gray-600:#595959;--gray-700:#333;--gray-800:#262626;--gray-900:#1a1a1a;--surface:#fff;--surface-2:#fafafa;--page-bg:#f5f5f5;--on-brand:#fff;--sidebar-bg:#fff;--bar-idle:#f3b9b9;--radius-sm:6px;--radius:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #231f200f;--shadow:0 1px 3px #231f2014;--shadow-red:0 8px 24px #ea444547;--scrim:#1a1a1a73;--sidebar-w:248px;--topbar-h:64px;--content-pad:24px;--content-gap:20px;--card-pad-y:20px;--card-pad-x:22px;--cell-pad-y:12px;--font-base:14px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-dark:#ff8f90;--brand-light:#3d1d1e;--link:#ff7a7b;--ink:#f2f2f2;--muted:#9a9a9a;--success-bg:#12321c;--success-fg:#6ed68d;--warning-bg:#33290a;--warning-fg:#e8c04f;--danger-bg:#3c1613;--danger-fg:#ff8a80;--info-bg:#0d2b31;--info-fg:#62d2e4;--gray-50:#151515;--gray-100:#1a1a1a;--gray-200:#2b2b2b;--gray-300:#3f3f3f;--gray-400:#5e5e5e;--gray-500:#8a8a8a;--gray-600:#b2b2b2;--gray-700:#d6d6d6;--gray-800:#e8e8e8;--gray-900:#f5f5f5;--surface:#212121;--surface-2:#272727;--page-bg:#1a1a1a;--sidebar-bg:#1c1c1c;--bar-idle:#5c2c2d;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 3px #00000080;--shadow-red:0 8px 24px #00000073;--scrim:#0009}[data-density=compact]{--topbar-h:52px;--content-pad:14px;--content-gap:12px;--card-pad-y:13px;--card-pad-x:15px;--cell-pad-y:6px;--font-base:13px;--radius-md:9px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--gray-700);background:var(--gray-100);-webkit-font-smoothing:antialiased;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}a{text-decoration:none}h1,h2,h3{margin:0;font-weight:500}h1{letter-spacing:-.01em;color:var(--ink);font-size:20px;font-weight:700}h2{color:var(--ink);font-size:15px;font-weight:700}.shell{background:var(--page-bg);min-height:100dvh;color:var(--gray-700);font-size:var(--font-base);display:flex;position:relative}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--gray-200);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{height:var(--topbar-h);border-bottom:1px solid var(--gray-200);align-items:center;gap:9px;padding:0 18px;display:flex}.sidebar-logo{object-fit:contain;flex:none;width:34px;height:34px}.sidebar-logo-toi,[data-theme=dark] .sidebar-logo-sang{display:none}[data-theme=dark] .sidebar-logo-toi{display:block}.sidebar-title{color:var(--ink);font-size:15px;font-weight:700;line-height:1.15}.sidebar-sub{color:var(--muted);font-size:10.5px}.navgrp{letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);padding:14px 12px 5px;font-size:10.5px;font-weight:600}.navitem{border-radius:var(--radius);color:var(--gray-600);align-items:center;gap:10px;margin:0 10px;padding:8px 12px;font-size:13.5px;font-weight:500;display:flex}.navitem .icon{opacity:.62;flex:none}.navitem:hover .icon{opacity:.8}.navitem[aria-current=page] .icon{opacity:1}.navitem[aria-disabled=true] .icon{opacity:.4}.navitem:hover{color:var(--gray-700);background:var(--gray-100)}.navitem[aria-current=page]{color:var(--brand-dark);background:var(--brand-light);font-weight:600}.navitem[aria-disabled=true]{color:var(--gray-400);cursor:not-allowed}.navitem[aria-disabled=true]:hover{color:var(--gray-400);background:0 0}.linkbtn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12px;display:inline-flex}.linkbtn:hover:not(:disabled){color:var(--ink)}.linkbtn:disabled{cursor:default;opacity:.6}.linkbtn .icon{flex:none}.sidebar-foot{border-top:1px solid var(--gray-200);align-items:center;gap:10px;margin-top:auto;padding:14px 18px;display:flex}.avatar{background:var(--brand-light);width:32px;height:32px;color:var(--brand-dark);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;display:flex}