#app{max-width:1200px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1{color:#2c3e50;text-align:center;margin-bottom:30px;font-size:2rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.search-form{display:flex;gap:10px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;flex-wrap:wrap}input,select,button{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease}input:focus,select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}button{background:#3498db;color:#fff;cursor:pointer;border:none}button:hover:not(:disabled){background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px #0003}button:disabled{opacity:.6;cursor:not-allowed}.loading-table,.leads-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;margin-bottom:20px}.table-container{overflow-x:auto}.loading-table{text-align:center;padding:40px;color:#7f8c8d}thead tr{background:#34495e;color:#fff}th{padding:16px;text-align:left;font-weight:600}.lead-row{cursor:pointer;transition:background-color .3s ease,transform .2s ease}.lead-row:hover{background:#ecf0f1;transform:scale(1.01)}td{padding:16px;border-bottom:1px solid #ecf0f1;transition:background-color .3s ease}.no-data-row{text-align:center;color:#7f8c8d;font-style:italic;padding:40px}.status-badge{padding:4px 8px;border-radius:20px;font-size:.8rem;font-weight:700;color:#fff}.status-badge.new{background:#e74c3c}.status-badge.process{background:#f39c12}.status-badge.converted{background:#27ae60}tr:nth-child(2n){background:#f8f9fa}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px 0;flex-wrap:wrap}.page-btn{padding:8px 12px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.page-btn:hover:not(:disabled){background:#2980b9}.page-btn:disabled{background:#bdc3c7;cursor:not-allowed}.page-num{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:background .3s ease}.page-num:hover{background:#ecf0f1}.page-num.active{background:#3498db;color:#fff;border-color:#3498db}.page-info{margin-left:10px;color:#7f8c8d;font-size:.9rem}.total{text-align:center;font-size:1.1rem;color:#2c3e50;font-weight:500;margin-top:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 24px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:slideIn .3s ease}.modal-content h2{margin-bottom:20px;color:#2c3e50}.modal-content p{margin-bottom:15px;line-height:1.5}.open-link{display:inline-block;margin-top:15px;padding:10px 20px;background:#27ae60;color:#fff;text-decoration:none;border-radius:8px;transition:background .3s ease}.open-link:hover{background:#219a52}.close-btn{margin-top:20px;padding:10px 20px;background:#95a5a6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.close-btn:hover{background:#7f8c8d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.search-form{flex-direction:column}th,td{padding:10px;font-size:.9rem}.modal-content{padding:20px;margin:20px}.pagination{gap:5px}.page-num,.page-btn{padding:6px 10px;font-size:.9rem}}