*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;padding:20px}.container{max-width:1400px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.4);overflow:hidden}header{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;padding:40px 30px;text-align:center;position:relative;overflow:hidden}header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}header h1{font-size:36px;font-weight:700;margin-bottom:8px;letter-spacing:-.5px}header h1,header p{position:relative;z-index:1}header p{font-size:16px;opacity:.95;font-weight:400}.controls{padding:30px;display:flex;gap:15px;justify-content:center;border-bottom:1px solid #e5e7eb}.btn-primary,.btn-secondary{padding:14px 28px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 4px 14px rgba(14,165,233,.3)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(14,165,233,.4)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#0284c7;border:2px solid #0ea5e9}.btn-secondary:hover{background:#0ea5e9;color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px rgba(14,165,233,.25)}.status{padding:0 30px;min-height:40px;display:flex;align-items:center;justify-content:center}.status.loading{color:#0284c7;font-weight:600}.status.error{color:#dc2626;background:#fee2e2;border-left:4px solid #dc2626}.status.error,.status.success{font-weight:600;padding:16px;border-radius:8px}.status.success{color:#059669;background:#d1fae5;border-left:4px solid #059669}.results{padding:30px}.stats{display:flex;gap:20px;margin-bottom:30px;justify-content:center}.stat-card{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;padding:28px;border-radius:14px;text-align:center;min-width:200px;box-shadow:0 8px 24px rgba(14,165,233,.3);transition:transform .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(14,165,233,.4)}.stat-number{font-size:42px;font-weight:700;margin-bottom:8px}.stat-label{font-size:14px;opacity:.9;text-transform:uppercase;letter-spacing:1px}h2{font-size:24px;margin-bottom:20px;color:#0f172a;font-weight:700;display:flex;align-items:center;gap:10px}h2:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:2px}.table-container{overflow-x:auto;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:30px;box-shadow:0 1px 3px rgba(0,0,0,.05)}table{width:100%;border-collapse:collapse}thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}th{padding:16px 14px;text-align:left;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #0ea5e9;white-space:nowrap}td{padding:14px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#334155}tbody tr{transition:all .15s ease}tbody tr:hover{background:#f8fafc;box-shadow:inset 0 0 0 1px #e0f2fe}tr:last-child td{border-bottom:none}td strong{color:#0284c7;font-weight:600}.json-view pre{background:#1f2937;color:#10b981;padding:20px;border-radius:8px;overflow-x:auto;font-size:14px;line-height:1.6}.spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{text-align:center;padding:80px 20px;color:#64748b}.empty-icon{font-size:72px;margin-bottom:20px;opacity:.6}.empty-state h3{font-size:24px;color:#334155;margin-bottom:12px;font-weight:600}.empty-state p{font-size:16px;color:#64748b;max-width:500px;margin:0 auto;line-height:1.6}@media (max-width:768px){header h1{font-size:24px}.controls,.stats{flex-direction:column}.table-container{font-size:12px}td,th{padding:8px}}