/* Dandi Studio v2 — theme layer (đè lên style cũ, giữ nguyên chức năng) */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#FFF9F3; --card:#FFFFFF; --ink:#2A2430; --muted:#8B8291;
  --line:#F0E7DD;
  --brand:#00AC82; --brand2:#37D6A8;
  --ok:#0E9F6E; --warn:#D98613; --bad:#E4573D;
  --radius:18px; --shadow:0 10px 28px rgba(70,50,40,.08);
  --side:244px;
}
html{-webkit-text-size-adjust:100%}
body{
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;
  background:
    radial-gradient(900px 380px at 110% -10%, #EAFBF4 0%, transparent 60%),
    radial-gradient(700px 320px at -10% 0%, #FFF0E8 0%, transparent 55%),
    var(--bg) !important;
  color:var(--ink);
}
aside.side{
  background:rgba(255,255,255,.86) !important; backdrop-filter:blur(14px);
  border-right:1px solid var(--line) !important;
}
.brand span{background:linear-gradient(120deg,var(--brand),var(--brand2)) !important}
aside nav a{border-radius:14px !important;color:#5E5566 !important;font-weight:600}
aside nav a:hover{background:#E9F8F2 !important;color:#00795C !important}
aside nav a.on{background:linear-gradient(90deg,#E6F7F1,#F3FFFA) !important;color:#00795C !important}

.card,.kpi,.item,.box,.panel{
  border-radius:var(--radius) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow) !important;
  background:var(--card) !important;
}
.kpi .n{letter-spacing:-.6px}
h1{letter-spacing:-.5px;font-weight:800}
h2{letter-spacing:-.3px;font-weight:800}
h3{font-weight:700}

button,.btn{
  border-radius:14px !important; font-family:inherit !important; font-weight:700 !important;
}
.btn:not(.ghost):not(.sm){background:linear-gradient(135deg,var(--brand),var(--brand2)) !important;border:0 !important;color:#fff !important;box-shadow:0 8px 20px rgba(0,172,130,.24)}
.btn.ghost{background:#fff !important;border:1px solid var(--line) !important;color:#00795C !important}

input,select,textarea{
  border-radius:14px !important; border:1px solid var(--line) !important;
  background:#fff !important; font-family:inherit !important;
}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(0,172,130,.25);border-color:#9FE3CE !important}

table{border-collapse:separate !important;border-spacing:0 !important}
table th{background:#FFFCF8 !important;color:#6B6273 !important;font-weight:700 !important;font-size:12.5px !important;text-transform:none !important}
table td{border-bottom:1px solid #F6EFE7 !important}
table tr:hover td{background:#FFFDF9}

.pill,.tag{border-radius:999px !important;font-weight:700}
.noti{background:#FFF4DC !important;color:#8A6100 !important;border-radius:14px !important}

main{padding-bottom:70px !important}
.top h1{font-size:23px}