* { box-sizing: border-box; }
body { font-family: system-ui, sans-serif; margin: 0; padding: 1rem; }
.login-page { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.login-box { padding: 2rem; border: 1px solid #ccc; border-radius: 8px; }
.login-box .login-error { color: #c00; margin-bottom: 1rem; }
.login-box label { display: block; margin: 0.5rem 0; }
.login-box input { margin-left: 0.5rem; }
header { border-bottom: 1px solid #ccc; margin-bottom: 1rem; }
nav a { margin-right: 1rem; }
nav .user { margin-right: 1rem; color: #666; }
.filters { margin-bottom: 1rem; }
.filters label { margin-right: 1rem; }
.data-table { border-collapse: collapse; width: 100%; }
.data-table th, .data-table td { border: 1px solid #ddd; padding: 0.5rem; text-align: left; }
.data-table th { background: #f5f5f5; }
.detail dt { font-weight: bold; margin-top: 0.5rem; }
.detail dd { margin-left: 0; }
.transcript { white-space: pre-wrap; max-height: 300px; overflow: auto; background: #f9f9f9; padding: 1rem; }
.stats { display: flex; gap: 2rem; margin: 1rem 0; }
.stat .num { font-size: 1.5rem; font-weight: bold; }
.status-form { margin: 1rem 0; }