body { background: #f4f6f9; }
.clickable { cursor: pointer; }

.login-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 16px; }
.login-card { width: 100%; max-width: 400px; }

.stat { display: flex; flex-direction: column; padding: 16px 18px; text-decoration: none; color: inherit; height: 100%; }
a.stat:hover { border-color: var(--bs-primary); }
.stat-label { font-size: .85rem; color: var(--bs-secondary-color); }
.stat-value { font-size: 1.8rem; font-weight: 600; }

.product-results { position: absolute; z-index: 20; left: 8px; right: 8px; max-height: 260px; overflow-y: auto; box-shadow: 0 6px 16px rgba(0,0,0,.12); }
.product-results:empty { display: none; }

.log-pre { max-height: 240px; overflow: auto; background: #f8f9fa; padding: 6px; font-size: .75rem; white-space: pre-wrap; word-break: break-all; }

.table td, .table th { white-space: nowrap; }
.table td.text-break, .table td.small { white-space: normal; }