:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);font:18px/145% system-ui,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15)}}*{box-sizing:border-box}body{margin:0}h1,h2{color:var(--text-h)}#app{max-width:720px;margin:0 auto;padding:24px 20px 64px}.card{border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:24px}label{display:block;font-weight:600;color:var(--text-h);margin-bottom:6px}select,textarea,input[type=file]{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px;margin-bottom:16px}textarea{min-height:100px;resize:vertical}button{font:inherit;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:6px;padding:10px 20px;cursor:pointer}button:disabled{opacity:.6;cursor:default}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border)}th:last-child,td:last-child{text-align:right}.melding{border-radius:6px;padding:10px 14px;margin-bottom:16px}.melding.success{background:var(--accent-bg);color:var(--accent)}.melding.error{background:#dc35451a;color:#dc3545}.dropzone{border:2px dashed var(--border);border-radius:6px;padding:20px;margin-bottom:16px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone--over{border-color:var(--accent);background:var(--accent-bg)}.dropzone__input{display:none}.dropzone__placeholder{margin:0}.dropzone__preview{display:flex;flex-direction:column;align-items:center;gap:10px}.dropzone__preview img{max-width:100%;max-height:200px;border-radius:6px}.dropzone__remove{background:transparent;color:#dc3545;border:1px solid #dc3545}