:root{--bg: #f5f6f8;--panel: #fff;--border: #d9dde3;--text: #1a1d21;--muted: #5f6b7a;--accent: #1d6fdc;--ok: #2e9e5b;--warn: #d98c1a;--danger: #c93c3c;--ai: rgba(255, 200, 0, .35);--checked: rgba(29, 111, 220, .35);--released: rgba(46, 158, 91, .35)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent)}button{font:inherit;padding:6px 12px;border:1px solid var(--border);background:var(--panel);border-radius:6px;cursor:pointer}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{color:var(--danger)}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;padding:6px 8px;border:1px solid var(--border);border-radius:6px;width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.page{max-width:1100px;margin:0 auto;padding:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}.row{display:flex;gap:8px;align-items:center}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border)}.muted{color:var(--muted)}.error{color:var(--danger)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:#eef1f5}.badge.klaar,.badge.vrijgegeven{background:#e3f5ea;color:var(--ok)}.badge.mislukt{background:#fbe4e4;color:var(--danger)}.badge.wachtend,.badge.bezig,.badge.ai_herkend{background:#fff2d6;color:var(--warn)}.badge.gecontroleerd{background:#e2ecfb;color:var(--accent)}.login{max-width:360px;margin:80px auto}.login label{display:block;margin:12px 0 4px}.viewer-layout{display:grid;grid-template-columns:340px 1fr;height:calc(100vh - 49px)}.sidebar{overflow:auto;border-right:1px solid var(--border);background:var(--panel);padding:12px}.viewer-area{position:relative;overflow:hidden;background:#e9ebef}.viewer-area svg{width:100%;height:100%;display:block}.toolbar{position:absolute;top:8px;left:8px;display:flex;gap:4px;background:var(--panel);padding:4px;border-radius:8px;border:1px solid var(--border)}.toolbar button.active{background:var(--accent);color:#fff}.open-points{position:absolute;top:8px;right:8px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 12px;max-width:320px;font-size:13px}.list-item{padding:6px 8px;border-radius:6px;cursor:pointer}.list-item.selected{background:#e2ecfb}.list-item:hover{background:#f0f3f7}.dropzone{border:2px dashed var(--border);border-radius:8px;padding:24px;text-align:center;color:var(--muted)}.dropzone.active{border-color:var(--accent);color:var(--accent)}.text-button{border:none;background:none;padding:0;border-radius:0;color:inherit;font:inherit;cursor:pointer}.text-button:hover{text-decoration:underline}.dropzone{cursor:pointer}.dropzone .text-button{color:var(--accent);text-decoration:underline}button.badge{border:none;cursor:pointer}.list-item-header{display:block;width:100%;border:none;background:transparent;padding:0;border-radius:0;text-align:left;font:inherit;color:inherit;cursor:pointer}