:root{--radius: 16px}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:24px;background:#0b0c10;color:#e9edf1}h1{font-size:clamp(20px,4vw,28px);margin:0 0 12px}p{opacity:.9}.wrap{max-width:1100px;margin:0 auto}.grid{display:grid;grid-template-columns:1fr;gap:16px}.dropzone{border:2px dashed #3c82f6;border-radius:var(--radius);padding:28px;transition:.2s ease;background:#11131a;display:grid;place-items:center;text-align:center}.dropzone.drag{background:#0e1726;box-shadow:0 0 0 4px #3c82f640 inset}.btn{background:#3c82f6;color:#fff;border:0;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}input[type=text]{background:#0f121a;color:#e9edf1;border:1px solid #2a3243;border-radius:10px;padding:10px 12px}table{width:100%;border-collapse:collapse;background:#0f121a;border-radius:var(--radius);overflow:hidden}thead th{background:#131a26;text-align:left;padding:10px;border-bottom:1px solid #253047;font-size:14px}tbody td{padding:8px 10px;border-bottom:1px solid #1f2636;font-size:14px}.hint{font-size:13px;opacity:.85}.card{background:#0f121a;border:1px solid #1b2333;border-radius:var(--radius);padding:16px}.small{font-size:12px;opacity:.8}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#1b2333;font-size:12px}a{color:#86b7ff}