/* CoreMarket Signal — giao diện tối kiểu bảng giao dịch. Không build, không thư viện. */
:root{
  --nen:#0f131c;--mat:#161b26;--mat-2:#1c2230;--vien:#262d3d;--chu:#d6dae3;--chu-nhat:#8a92a6;--chu-dam:#f2f4f8;
  --xanh:#2f6bff;--xanh-nhat:#5b8cff;--tang:#22ab94;--giam:#f0564a;--vang:#f2b43c;
  --bo:10px;--font:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--nen);color:var(--chu);font:15px/1.55 var(--font)}
a{color:var(--xanh-nhat);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{color:var(--chu-dam);line-height:1.25;margin:0 0 .5em}
h1{font-size:26px;font-weight:700}h2{font-size:19px;font-weight:650}h3{font-size:16px;font-weight:600}
p{margin:0 0 .8em}
.khung{max-width:1280px;margin:0 auto;padding:0 16px}
/* đầu trang */
.dau{position:sticky;top:0;z-index:20;background:rgba(15,19,28,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--vien)}
.dau .khung{display:flex;align-items:center;gap:20px;height:58px}
.logo{display:flex;align-items:center;gap:9px;color:var(--chu-dam);font-weight:750;font-size:17px;letter-spacing:-.01em;white-space:nowrap}
.logo:hover{text-decoration:none}
.logo i{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--xanh),#7b5cff);display:grid;place-items:center;font-style:normal;font-size:14px;color:#fff}
.logo small{color:var(--chu-nhat);font-weight:500;font-size:12px}
.menu{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
.menu a{color:var(--chu);padding:7px 11px;border-radius:7px;white-space:nowrap;font-size:14px}
.menu a:hover,.menu a.dang{background:var(--mat-2);text-decoration:none;color:var(--chu-dam)}
.tai-khoan{display:flex;gap:8px;align-items:center;white-space:nowrap}
.nut{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--vien);background:var(--mat);color:var(--chu-dam);padding:7px 13px;border-radius:8px;font:inherit;font-size:14px;cursor:pointer}
.nut:hover{border-color:#3a4358;text-decoration:none}
.nut.chinh{background:var(--xanh);border-color:var(--xanh);color:#fff}.nut.chinh:hover{background:#2358db}
.nut.nho{padding:4px 10px;font-size:13px}
/* thân */
main{padding:22px 0 48px}
.luoi{display:grid;gap:16px}
.luoi-2{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.luoi-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.luoi-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:960px){.luoi-2,.luoi-3{grid-template-columns:1fr}.luoi-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.luoi-4{grid-template-columns:1fr}
  .dau .khung{flex-wrap:wrap;height:auto;gap:6px 10px;padding-top:8px;padding-bottom:6px}
  .logo{flex:1}.logo small{display:none}.menu{order:3;flex-basis:100%;margin:0 -6px}.menu a{padding:6px 9px}}
.the{background:var(--mat);border:1px solid var(--vien);border-radius:var(--bo);padding:16px}
.the h2{display:flex;align-items:center;justify-content:space-between;gap:10px}
.phu{color:var(--chu-nhat);font-size:13px}
.nhan{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--vien);color:var(--chu-nhat);white-space:nowrap}
.nhan.mxv{color:#8fb3ff;border-color:#2c4a8f;background:rgba(47,107,255,.1)}
.nhan.tam{color:var(--vang);border-color:#6b5320;background:rgba(242,180,60,.08)}
.mua{color:var(--tang)}.ban{color:var(--giam)}
.nhan.mua{border-color:rgba(34,171,148,.45);background:rgba(34,171,148,.1)}
.nhan.ban{border-color:rgba(240,86,74,.45);background:rgba(240,86,74,.1)}
.duong{color:var(--tang)}.am{color:var(--giam)}
/* bảng */
.bang-cuon{overflow-x:auto;margin:0 -16px;padding:0 16px}
table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
th{color:var(--chu-nhat);font-weight:500;font-size:12.5px;text-align:left;padding:8px 10px;border-bottom:1px solid var(--vien);white-space:nowrap}
td{padding:9px 10px;border-bottom:1px solid #1f2533;white-space:nowrap}
tr:hover td{background:rgba(255,255,255,.015)}
th.so,td.so{text-align:right}
/* thẻ mặt hàng */
.nhom-tieu-de{display:flex;align-items:baseline;gap:10px;margin:26px 0 12px}
.o-hang{display:flex;flex-direction:column;gap:6px;background:var(--mat);border:1px solid var(--vien);border-radius:var(--bo);padding:13px 14px;color:var(--chu);transition:border-color .15s}
.o-hang:hover{border-color:#3d4a6b;text-decoration:none}
.o-hang b{color:var(--chu-dam);font-size:15px}
.o-hang .dong{display:flex;justify-content:space-between;align-items:center;gap:8px}
/* widget TradingView */
.tv{border:1px solid var(--vien);border-radius:var(--bo);overflow:hidden;background:var(--mat)}
.tv-bang-gia{border-bottom:1px solid var(--vien);background:var(--mat)}
.bieu-do{height:560px}
@media (max-width:560px){.bieu-do{height:420px}}
.tradingview-widget-copyright{font-size:11.5px;padding:4px 10px;color:var(--chu-nhat)}
/* biểu mẫu */
.form-hop{max-width:420px;margin:4vh auto}
label{display:block;font-size:13.5px;color:var(--chu-nhat);margin:12px 0 5px}
input[type=text],input[type=email],input[type=password],select{width:100%;padding:10px 12px;background:var(--nen);border:1px solid var(--vien);border-radius:8px;color:var(--chu-dam);font:inherit}
input:focus,select:focus{outline:2px solid rgba(47,107,255,.5);border-color:var(--xanh)}
.loi{color:var(--giam);font-size:13px;margin-top:5px}
.bao{padding:11px 14px;border-radius:9px;margin-bottom:16px;font-size:14px;border:1px solid}
.bao.ok{border-color:rgba(34,171,148,.4);background:rgba(34,171,148,.08)}
.bao.canh{border-color:#6b5320;background:rgba(242,180,60,.07);color:#f5d38a}
.chon{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-bottom:14px}
.chon>div{min-width:160px}
.so-lon{font-size:22px;font-weight:700;color:var(--chu-dam);font-variant-numeric:tabular-nums}
/* chân trang */
.chan{border-top:1px solid var(--vien);padding:26px 0 36px;color:var(--chu-nhat);font-size:13px}
.chan .khung{display:grid;gap:10px}
.mien-tru{max-width:900px}
.trong{padding:26px;text-align:center;color:var(--chu-nhat)}
.phan-trang nav{display:flex;justify-content:center;margin-top:14px}
.phan-trang svg{width:16px;height:16px}