:root{--primary:#2563eb;--primary-hover:#1d4ed8;--bg:#f8fafc;--surface:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--success:#22c55e;--danger:#ef4444;--whatsapp:#25d366;--whatsapp-hover:#128c7e;--radius:8px;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}#app{max-width:1400px;margin:0 auto;padding:24px}header{margin-bottom:24px}header h1{color:var(--text);margin:0;font-size:28px;font-weight:700}header .subtitle{color:var(--text-muted);margin-top:4px;font-size:15px}.filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.filter-group{flex-direction:column;flex:1;gap:6px;min-width:180px;display:flex}.filter-group:last-child{flex:none}.filter-group label{color:var(--text-muted);font-size:13px;font-weight:500}input[type=text],select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}input[type=text]:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}#btn-buscar{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:10px 28px;font-size:14px;font-weight:600;transition:background .15s}#btn-buscar:hover{background:var(--primary-hover)}.stats{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:160px;box-shadow:var(--shadow);flex-direction:column;flex:1;gap:4px;padding:16px 20px;display:flex}.stat-value{color:var(--text);font-size:24px;font-weight:700}.stat-label{color:var(--text-muted);font-size:13px}.table-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f1f5f9;position:sticky;top:0}th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);color:var(--text);padding:12px 16px;font-size:14px}tbody tr:hover{background:#f8fafc}tbody tr:last-child td{border-bottom:none}.btn-action{border:1px solid var(--border);cursor:pointer;background:var(--surface);color:var(--text);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-action:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-whatsapp{background:var(--whatsapp);color:#fff;border-color:var(--whatsapp)}.btn-whatsapp:hover{background:var(--whatsapp-hover);border-color:var(--whatsapp-hover)}.btn-lg{padding:10px 20px;font-size:14px}td:last-child{align-items:center;gap:8px;display:flex}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;text-decoration:underline}.link-btn:hover{color:var(--primary-hover)}.whatsapp-link{color:var(--whatsapp-hover);text-decoration:none}.whatsapp-link:hover{text-decoration:underline}.loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.error{color:var(--danger);font-weight:500}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:20px;display:flex}.pagination button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:13px;transition:all .15s}.pagination button:hover:not(:disabled):not(.active){background:#f1f5f9;border-color:#cbd5e1}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-dots{color:var(--text-muted);padding:8px 4px}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);width:100%;max-width:600px;max-height:85vh;box-shadow:var(--shadow-lg);border-radius:12px;padding:28px;position:relative;overflow-y:auto}.modal-close{cursor:pointer;color:var(--text-muted);font-size:24px;line-height:1;position:absolute;top:16px;right:20px}.modal-close:hover{color:var(--text)}.modal-content h2{color:var(--text);margin-bottom:20px;font-size:20px;font-weight:700}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:12px;font-weight:600}.detail-item span{color:var(--text);word-break:break-word;font-size:15px}.detail-actions{border-top:1px solid var(--border);gap:12px;padding-top:16px;display:flex}.detail-table{border-collapse:collapse;width:100%;margin-top:16px}.detail-table th,.detail-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:13px}.detail-table thead{background:#f1f5f9}@media (width<=768px){#app{padding:16px}header h1{font-size:22px}.filter-row{flex-direction:column}.filter-group{min-width:100%}.stats{flex-direction:column}.stat-card{min-width:100%}.detail-grid{grid-template-columns:1fr}.detail-actions{flex-direction:column}td:last-child{flex-direction:column;gap:4px}}