body { font-family: system-ui, sans-serif; margin: 0; background: #101812; color: #f4f1e8; }
.app-shell { max-width: 900px; margin: 0 auto; padding: 20px; }
.hero-card, .status-card, .actions-card, .panel { padding: 18px; margin-bottom: 12px; border-radius: 18px; background: #1b261f; }
.status-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.label, .eyebrow { color: #b7c9ad; font-size: 13px; }
button { width: 100%; padding: 14px; border: 0; border-radius: 14px; font-weight: 800; }
.secondary { background: #2d3b32; color: #f4f1e8; }
.inventory-list { display: grid; gap: 10px; }
.inventory-item { padding: 12px; border-radius: 12px; background: #243328; }
pre { white-space: pre-wrap; overflow: auto; }
@media (max-width: 720px) { .status-grid { grid-template-columns: repeat(2, 1fr); } }