/* Login page: nothing but the input. The full panel stylesheet is only served after login. */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 13px; background: #f8fafc; color: #1e293b; min-height: 100vh; }
html[data-theme="dark"] body { background: #070b14; color: #e2e8f0; }
main { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; }
input { max-width: 100%; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 8px; background: transparent; color: inherit; font: inherit; outline: none; transition: border-color 0.15s, box-shadow 0.15s; }
html[data-theme="dark"] input { border-color: #2a364a; }
input:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15); }
input.rejected { border-color: #dc2626; box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.25); }
input::file-selector-button { margin-right: 10px; padding: 6px 12px; border: 0; border-radius: 6px; background: #2563eb; color: #fff; font: inherit; cursor: pointer; }
.hidden { display: none; }