.query-editor{margin:20px 0;background:#fff;padding:16px;border-radius:4px;box-shadow:0 2px 4px #0000000d}.query-editor h2{margin:0 0 12px;font-size:16px;color:#333}.ace_editor{border:1px solid #ddd;border-radius:4px;overflow:hidden}.query-results{margin:20px 0;background:#fff;padding:16px;border-radius:4px;box-shadow:0 2px 4px #0000000d}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.results-info{display:flex;gap:20px;align-items:center;font-size:14px;color:#666}.metric{padding:4px 8px;background-color:#f0f0f0;border-radius:3px;font-weight:500}.results-controls{display:flex;gap:12px;align-items:center}.view-mode-buttons{display:flex;gap:4px;border:1px solid #ddd;border-radius:4px;padding:2px;background-color:#f9f9f9}.view-btn{padding:6px 12px;background:none;border:none;cursor:pointer;font-size:13px;color:#666;border-radius:2px;transition:all .2s}.view-btn:hover{background-color:#f0f0f0}.view-btn.active{background-color:#0078d4;color:#fff}.export-buttons{display:flex;gap:8px}.export-btn{padding:6px 12px;background-color:#f0f0f0;color:#333;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:13px;transition:background-color .2s}.export-btn:hover{background-color:#e0e0e0}.table-container{overflow-x:auto;border:1px solid #eee;border-radius:4px;max-height:500px;overflow-y:auto}.json-container{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:12px;overflow-x:auto;max-height:500px;overflow-y:auto}.json-container pre{margin:0;font-family:Courier New,monospace;font-size:12px;color:#333}.error-message{padding:12px;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#c62828}.no-results{padding:20px;text-align:center;color:#999;font-size:14px}table{width:100%;border-collapse:collapse}th{background-color:#f9f9f9;border-bottom:2px solid #ddd;padding:12px;text-align:left;font-weight:600;font-size:13px;color:#333;position:sticky;top:0}td{padding:10px 12px;border-bottom:1px solid #eee;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.app{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5}.header{background-color:#f0f0f0;border-bottom:1px solid #ddd;padding:12px 20px;box-shadow:0 2px 4px #0000000d}.header-left{display:flex;align-items:center;gap:24px}.header h1{margin:0;font-size:20px;color:#333;font-weight:600}.account-label{font-size:14px;color:#666}.container{flex:1;padding:20px;max-width:1400px;margin:0 auto;width:100%}.selector-bar{display:flex;gap:16px;margin-bottom:20px;background:#fff;padding:16px;border-radius:4px;box-shadow:0 2px 4px #0000000d;align-items:flex-end;flex-wrap:wrap}.selector-group{display:flex;flex-direction:column;gap:4px;min-width:150px}.selector-group label{font-size:13px;font-weight:500;color:#333}.selector-group select,.selector-group input[type=number]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px}.selector-group label input[type=checkbox]{margin-right:6px}.action-buttons{display:flex;gap:12px;margin:20px 0;padding:0 16px}.btn{padding:10px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;min-width:120px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#28a745;color:#fff}.btn-primary:hover:not(:disabled){background-color:#218838}.btn-secondary{background-color:#17a2b8;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#138496}@media (max-width: 768px){.container{padding:12px}.selector-bar{flex-direction:column;align-items:stretch}.selector-group{min-width:100%}.action-buttons{flex-direction:column}.btn{width:100%}.header-left{flex-direction:column;gap:8px;align-items:flex-start}}.retry-btn{margin-left:12px;padding:4px 12px;background-color:#fff;border:1px solid #c62828;border-radius:3px;color:#c62828;cursor:pointer;font-size:12px}.retry-btn:hover{background-color:#c62828;color:#fff}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5}body{margin:0;padding:0}button{border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}button:hover{opacity:.9}input,select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}input:focus,select:focus{outline:none;border-color:#0078d4;box-shadow:0 0 0 2px #0078d433}table{border-collapse:collapse;width:100%;background:#fff}th,td{padding:12px;text-align:left;border-bottom:1px solid #eee}th{background-color:#f9f9f9;font-weight:600;border-bottom:2px solid #ddd}tr:hover{background-color:#f9f9f9}.error{color:#d32f2f;background-color:#ffebee;padding:12px;border-radius:4px;margin:12px 0}.success{color:#388e3c;background-color:#e8f5e9;padding:12px;border-radius:4px;margin:12px 0}