* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: #0a0a0a;
  color: #e8e8e8;
  font-family: 'Inter', sans-serif;
  padding: 2rem;
  max-width: 720px;
  margin: 0 auto;
}
h1 { font-size: 1.5rem; margin-bottom: 1rem; }
.total { font-size: 2.5rem; font-weight: 700; }
.as-of { color: #888; margin-bottom: 1.5rem; }
.depot-list { list-style: none; margin-bottom: 2rem; }
.depot-list li { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid #222; }
.empty-state { color: #888; }
nav { display: flex; gap: 1rem; flex-wrap: wrap; }
nav a { color: #6ab0ff; text-decoration: none; }
nav a:hover { text-decoration: underline; }
label { display: block; margin: 1rem 0 0.25rem; }
input, select { background: #151515; color: #e8e8e8; border: 1px solid #333; border-radius: 4px; padding: 0.4rem; width: 100%; }
button { margin-top: 1.5rem; background: #1565c0; color: white; border: none; border-radius: 4px; padding: 0.6rem 1.2rem; cursor: pointer; }
svg { background: #111; border-radius: 4px; margin-top: 1rem; }