/* ai.copee.vn — cùng họ giao diện với huongdan.copee.vn (trung tính, sáng/tối) */
:root{--nen:#FFFFFF;--nen-2:#F6F6F4;--the:#FFFFFF;--chu:#18181B;--mo:#5F5F66;--nhat:#8A8A91;--vien:#E6E6E3;--vien-dam:#D4D4D0;--chinh:#18181B;--tren-chinh:#FFFFFF;
  --nhan:#2E6BE6;--nhan-nen:#EEF3FD;--do:#C63434;--do-nen:#FDEEEE;--xanh:#1E7A46;--xanh-nen:#E9F6EE;--bong:0 1px 2px rgb(0 0 0/.04),0 6px 24px rgb(0 0 0/.06);color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--nen:#141416;--nen-2:#1C1C1F;--the:#1F1F23;--chu:#ECECEE;--mo:#A8A8B0;--nhat:#80808A;--vien:#2C2C31;--vien-dam:#3A3A40;--chinh:#ECECEE;--tren-chinh:#141416;
  --nhan:#8FB2F7;--nhan-nen:#1E2638;--do:#F28B8B;--do-nen:#3A1F22;--xanh:#6FD39A;--xanh-nen:#16301F;--bong:0 1px 2px rgb(0 0 0/.3),0 8px 28px rgb(0 0 0/.35);color-scheme:dark}}
:root[data-theme=dark]{--nen:#141416;--nen-2:#1C1C1F;--the:#1F1F23;--chu:#ECECEE;--mo:#A8A8B0;--nhat:#80808A;--vien:#2C2C31;--vien-dam:#3A3A40;--chinh:#ECECEE;--tren-chinh:#141416;
  --nhan:#8FB2F7;--nhan-nen:#1E2638;--do:#F28B8B;--do-nen:#3A1F22;--xanh:#6FD39A;--xanh-nen:#16301F;--bong:0 1px 2px rgb(0 0 0/.3),0 8px 28px rgb(0 0 0/.35);color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--nen);color:var(--chu);font:16px/1.6 "Be Vietnam Pro",system-ui,-apple-system,sans-serif}
a{color:var(--nhan)}
h1,h2,h3{line-height:1.25;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(30px,6vw,52px);font-weight:800}
h2{font-size:clamp(22px,3.6vw,30px);font-weight:700}
h3{font-size:18px;font-weight:700}
p{margin:0 0 1em}
.khung{max-width:1080px;margin:0 auto;padding:0 16px}
.dau{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--nen) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--vien)}
.dau .khung{display:flex;align-items:center;gap:12px;height:60px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--chu);text-decoration:none;margin-right:auto}
.logo i{width:32px;height:32px;border-radius:9px;background:var(--chinh);display:grid;place-items:center}
.logo i svg{width:18px;height:18px;fill:var(--tren-chinh)}
.logo span{color:var(--mo);font-weight:500}
.nut{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--vien-dam);background:var(--the);color:var(--chu);font:600 15px/1 inherit;text-decoration:none;cursor:pointer}
.nut:hover{border-color:var(--chu)}
.nut.chinh{background:var(--chinh);color:var(--tren-chinh);border-color:var(--chinh)}
.nut.nho{min-height:36px;padding:0 14px;font-size:14px}
.nut.do{color:var(--do);border-color:color-mix(in srgb,var(--do) 40%,var(--vien))}
.nut:disabled{opacity:.5;cursor:not-allowed}
.nut:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--nhan);outline-offset:2px}
.the{background:var(--the);border:1px solid var(--vien);border-radius:16px;padding:20px;box-shadow:var(--bong)}
.mo{color:var(--mo)}
.nho-chu{font-size:14px}
.nhan{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;padding:3px 10px;border-radius:999px;background:var(--nhan-nen);color:var(--nhan)}
.nhan.xam{background:var(--nen-2);color:var(--mo)}
.nhan.xanh{background:var(--xanh-nen);color:var(--xanh)}
.nhan.do{background:var(--do-nen);color:var(--do)}
.luoi{display:grid;gap:16px}
@media(min-width:760px){.luoi.c2{grid-template-columns:1fr 1fr}.luoi.c3{grid-template-columns:repeat(3,1fr)}}
label{display:block;font-weight:600;font-size:14px;margin:12px 0 6px}
input,select,textarea{width:100%;font:inherit;color:var(--chu);background:var(--nen);border:1px solid var(--vien-dam);border-radius:10px;padding:10px 12px;min-height:44px}
textarea{min-height:90px;resize:vertical}
code,pre{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px}
pre{background:var(--nen-2);border:1px solid var(--vien);border-radius:12px;padding:14px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}
.bao{padding:12px 14px;border-radius:12px;margin:12px 0;font-size:15px}
.bao.loi{background:var(--do-nen);color:var(--do)}
.bao.ok{background:var(--xanh-nen);color:var(--xanh)}
.bao.tin{background:var(--nhan-nen);color:var(--chu)}
.an{display:none!important}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--vien);vertical-align:top}
th{color:var(--mo);font-weight:600;font-size:13px}
.cuon-ngang{overflow-x:auto}
.chan{border-top:1px solid var(--vien);padding:28px 0;color:var(--mo);font-size:14px;margin-top:48px}