*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { overflow-x: hidden; height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { overflow-x: hidden; }
body {
  font-family: 'Segoe UI Variable', 'Segoe UI', 'Inter', system-ui, sans-serif;
  font-size: 13.5px; line-height: 1.45;
  transition: background-color 0.3s ease, color 0.3s ease;
  min-height: 100vh;
  display: flex; flex-direction: column;
  background: var(--bg); color: var(--text);
}
button { cursor: pointer; background: none; border: none; font: inherit; }
table  { border-collapse: collapse; width: 100%; }
input[type="file"] { display: none; }

/* Win11 Fluent Design tokens */