body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;color:#333;background-color:#f5f5f5;overflow-x:hidden}*{box-sizing:border-box}button{cursor:pointer}.card{background:#fff;padding:0;margin-bottom:0;overflow:hidden;width:100%}.card-header{background:#f8f9fa;padding:15px 20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.card-header h2{margin:0;font-size:1.25rem;color:#2c3e50;font-weight:600}.card-content{padding:20px}.card-content.collapsed{display:none}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#2c3e50}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db}button{padding:8px 15px;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:14px;transition:background-color .2s}button:hover{background-color:#2980b9}button:disabled{background-color:#95a5a6;cursor:not-allowed}table{width:100%;border-collapse:collapse;margin:15px 0}table th,table td{padding:10px;text-align:left;border-bottom:1px solid #e9ecef}table th{background-color:#f8f9fa;font-weight:600;color:#2c3e50}.toggle-icon{font-size:12px;transition:transform .3s}.collapsed .toggle-icon,.card-header.collapsed .toggle-icon{transform:rotate(-90deg)}.toggle-icon{transition:transform .3s ease}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:16px;max-width:300px}button{background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-right:10px}button:hover{background-color:#0069d9}.button-group{margin:15px 0}table{width:100%;border-collapse:collapse;margin-top:20px}table th,table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e9ecef}table th{background-color:#f8f9fa;font-weight:600}table tr:hover{background-color:#f8f9fa}pre{background-color:#f8f9fa;padding:10px;border-radius:4px;overflow:auto;font-size:14px;max-height:300px}.error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px 15px;border-radius:4px;margin:15px 0}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.api-key-container{display:flex;align-items:center}.api-key-container label{margin-right:10px}.api-key-container input{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;margin-right:10px;width:250px}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start}.api-key-container{margin-top:15px;width:100%}.api-key-container input{width:100%;margin-bottom:10px}.card-content{padding:15px}table{display:block;overflow-x:auto}.form-group input,.form-group select{max-width:100%}}