/* Biến màu, phông chữ và các quy tắc nền dùng chung */
/* Bố cục theo bản 1Office clone của K&H: thanh biểu tượng trắng bên trái, thanh trên 76px, nội dung dạng thẻ trên nền xám xanh */
:root {
  --primary:#e8483d; --primary-600:#d43a30; --primary-050:#fdecea; --rail-active:#fdf1f0;
  --danger:#e8483d; --danger-600:#d43a30; --danger-050:#fdecea;
  --success:#22a06b; --success-050:#e7f5ef; --warning:#f0a020; --warning-ink:#b9791a; --warning-050:#fdf3e2; --info:#2f80ed; --info-050:#e9f2fe;
  --bg:#eef1f6; --surface:#fff; --surface-2:#f8f9fb; --hover:#f4f5f8;
  --text:#1f2430; --text-2:#5b6472; --text-3:#98a1b0; --icon:#6b7280; --muted-bg:#eef0f4;
  --border:#eceef2; --border-2:#e2e5ec;
  --shadow-sm:0 1px 2px rgba(20,24,33,.05); --shadow-lg:0 12px 32px rgba(20,24,33,.12);
  --avatar:#2f8f6a; --avatar-ring:#d8efe5; --plate:#f5c400; --plate-ink:#14161a;
  --rail-w:92px; --top-h:76px; --radius:12px; --radius-sm:8px; --gap:16px;
  --font:"Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  color-scheme: light;
}
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { margin:0; font:14px/1.5 var(--font); color:var(--text); background:var(--bg); -webkit-font-smoothing:antialiased; }
h1, h2, h3, p { margin:0; }
a { color:inherit; }
button, input, select, textarea { font:inherit; color:inherit; }
button { cursor:pointer; }
:focus-visible { outline:2px solid var(--info); outline-offset:2px; }