/* Inlog- en aanmaakpagina van het AI-fabriek-dashboard: zelfde tokens als stijl.css (design/systeem.md). */
:root{--font:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--bg:#DDF1DD;--surface:#FFFFFF;--border-strong:#D5D7D8;--text:#000;--text-2:#5C5F5C;--ink:#000;--on-ink:#FFF;--bad-soft:#FF98A0}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--text);font:400 15px/1.5 var(--font);padding:16px}
.kaart{width:min(420px,100%);background:var(--surface);border-radius:28px;padding:32px 28px}
.logo{width:64px;height:64px;border-radius:50%;background:var(--ink);color:var(--on-ink);display:grid;place-items:center;font-weight:700;font-size:22px;margin-bottom:16px}
h1{margin:0 0 6px;font-size:26px;letter-spacing:-.02em}
.muted{color:var(--text-2);margin:0 0 18px} .small{font-size:13px;margin-top:16px}
label{display:block;font-size:13px;font-weight:600;margin:12px 0 4px}
input{width:100%;height:44px;padding:0 16px;border:1px solid var(--border-strong);border-radius:999px;font:inherit;background:var(--surface);color:var(--text)}
input:focus{outline:none;border-color:var(--ink)}
button{margin-top:18px;width:100%;height:44px;border:0;border-radius:999px;background:var(--ink);color:var(--on-ink);font:600 14px var(--font);cursor:pointer}
.fout{margin:12px 0 0;padding:10px 14px;border-radius:14px;background:var(--bad-soft);font-size:14px}