*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}header{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);border-bottom:1px solid #e5e7eb}header>div{max-width:80rem;margin:0 auto;padding:1.5rem}h1{font-size:2.25rem;font-weight:700;color:#111827;margin-bottom:.5rem}header p{color:#6b7280;margin-top:.5rem}main{max-width:80rem;margin:0 auto;padding:2rem 1.5rem}.examples-card,.insights-card,.query-card,.result-card,.stats-card,.status-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:1.5rem;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem;text-align:center}.stat-label{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:#2563eb}.query-card h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.query-form{display:flex;gap:.5rem;width:100%}.query-input{flex:1 1;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem}.query-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.query-button{padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.query-button:hover{background:#1d4ed8}.query-button:disabled{background:#9ca3af;cursor:not-allowed}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;padding:1rem;color:#166534;font-weight:500}.insights-card,.success-message{border-radius:.5rem;margin-bottom:1.5rem}.insights-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem}.insights-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.insights-card ul{list-style:none}.insights-card li{margin:.5rem 0;padding-left:1rem}.insights-card li:before{content:"• ";font-weight:700;margin-right:.5rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.metric-card{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem;text-align:center}.metric-value{font-size:2.5rem;font-weight:700;color:#6366f1;margin-bottom:.5rem}.metric-label{font-size:.875rem;color:#6b7280}.result-card h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th{background:#f9fafb;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}td,th{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}td{color:#111827;font-size:.875rem}tr:hover{background:#f9fafb}.examples-card h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:.75rem;gap:.75rem}.example-button{text-align:left;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s}.example-button:hover{background:#eff6ff;border-color:#3b82f6}footer{background:#fff;border-top:1px solid #e5e7eb;margin-top:3rem;padding:1.5rem;text-align:center;color:#6b7280;font-size:.875rem}details{background:#f9fafb;border-radius:.5rem;padding:1rem;margin-top:1rem}summary{cursor:pointer;font-weight:500;color:#374151}pre{margin-top:1rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:auto;font-size:.75rem}