*{box-sizing:border-box}:root{--bg: #f5f6f8;--card: #ffffff;--text: #1a1d21;--dim: #6b7280;--border: #e2e5ea;--accent: #e8590c;--accent-dark: #cf4e0a;--ok: #2f9e44;--err: #c92a2a}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.page{max-width:760px;margin:0 auto;padding:40px 20px 60px}h1{font-size:26px;margin:0 0 6px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}h2{font-size:18px;margin:0 0 10px}.sub{color:var(--dim);margin:0 0 20px;font-size:14.5px}.dropzone{background:var(--card);border:2px dashed var(--border);border-radius:12px;padding:42px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:20px}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:#fff8f3}.dropzone.disabled{cursor:wait;opacity:.7}.dz-icon{font-size:34px;margin-bottom:8px}.dz-text{font-size:15px;color:var(--dim)}.dz-text strong{color:var(--text)}.dz-file{margin-top:10px;font-size:13.5px;color:var(--accent-dark);font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px 22px;margin-bottom:20px}.card.error{border-color:#f3c1c1;background:#fff5f5;color:var(--err)}.stats{list-style:none;margin:0 0 14px;padding:0;display:flex;gap:22px;flex-wrap:wrap;font-size:14.5px;color:var(--dim)}.stats strong{color:var(--text)}details{margin-bottom:14px;font-size:14px}summary{cursor:pointer;color:var(--dim)}.fills{margin-top:10px;border-collapse:collapse;width:100%;font-size:13.5px}.fills td{padding:5px 10px 5px 0;border-top:1px solid var(--border);vertical-align:top}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap}.dim{color:var(--dim);font-weight:400}.actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}button{font:inherit;font-size:14.5px;padding:9px 18px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer}button:hover{background:#f1f3f5}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover{background:var(--accent-dark)}button.primary:disabled{background:#e9b79c;border-color:#e9b79c;cursor:not-allowed}button.linklike{border:none;background:none;padding:0;color:var(--accent-dark);text-decoration:underline;font-size:inherit}button.linklike:hover{background:none}.remembered{font-size:13px;color:var(--dim)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f111473;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{background:var(--card);border-radius:14px;padding:24px 26px;width:100%;max-width:680px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.modal.wide{max-width:840px}.manage{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:14px}.manage th{text-align:left;font-size:12.5px;color:var(--dim);font-weight:600;padding:0 8px 6px 0}.manage td{padding:3px 8px 3px 0}.manage input[type=text]{width:100%;font:inherit;font-size:13.5px;padding:6px 9px;border-radius:7px;border:1px solid var(--border);background:var(--card);color:var(--text)}.manage input[type=text]:focus{outline:2px solid var(--accent);border-color:transparent}.manage input[type=text].invalid{border-color:var(--err)}.manage input.mono{font-family:ui-monospace,Menlo,Consolas,monospace}.manage td:nth-child(1){width:20%}.manage td:nth-child(3){width:170px}.manage td:nth-child(4){width:34px}button.remove{padding:5px 9px;font-size:13px;line-height:1;color:var(--err);border-color:var(--border)}button.remove:hover{background:#fff5f5;border-color:#f3c1c1}.manage-actions{align-items:center}.spacer{flex:1}.pending-list{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.pending{border:1px solid var(--border);border-left:4px solid var(--err);border-radius:10px;padding:12px 14px}.pending.ok{border-left-color:var(--ok)}.p-info{margin-bottom:8px;font-size:14.5px}.p-brand{display:inline-block;background:#f1f3f5;border-radius:5px;font-size:12px;font-weight:600;padding:2px 8px;margin-right:8px;color:var(--dim)}.p-name{font-weight:600}.p-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.p-controls input[type=text]{font:inherit;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;padding:7px 10px;border-radius:7px;border:1px solid var(--border);width:170px}.p-controls input[type=text]:focus{outline:2px solid var(--accent);border-color:transparent}.p-controls input[type=text].invalid{border-color:var(--err)}.p-controls input[type=text]:disabled{background:#f1f3f5;color:var(--dim)}button.suggestion{font-size:13px;padding:6px 12px;border-color:#cde8d2;background:#ebfbee;color:#2b6a34;text-align:left}button.suggestion:hover{background:#d3f9d8}.skip{font-size:13px;color:var(--dim);display:flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap}footer{margin-top:26px;font-size:12.5px;color:var(--dim)}@media (prefers-color-scheme: dark){:root{--bg: #101215;--card: #1a1d22;--text: #e8eaed;--dim: #9aa0a8;--border: #2c313a}.dropzone:hover,.dropzone.over{background:#22201d}button:hover,.p-brand{background:#23272e}.card.error{background:#2a1b1b;border-color:#5c2e2e;color:#ff8787}button.suggestion{background:#16281a;border-color:#2b4a33;color:#8ce99a}button.suggestion:hover{background:#1c3322}.p-controls input[type=text]:disabled{background:#23272e}button.remove:hover{background:#2a1b1b;border-color:#5c2e2e}}
